2017-01-16 3 views
0

моего controller.js файлаМоя функция не имеет доступ к controller.js

function ServicesCtrl($scope) { 
    console.log("Hello From ServicesCtrl"); 
    $scope.message = "Hello";  
} 

index.html файл

<html> 
<head> 
    <title>The MEAN Stack</title> 
    <link href="css/bootstrap.css" rel="stylesheet" /> 
    <script src="js/angular.min.js"></script> 
    <script src="features/services/controller.js"></script> 
</head> 

<body ng-app=""> 
    <div class="container" ng-controller="ServicesCtrl"> 
     <h1>Service Client Maker</h1> 
     {{message}} 
    </div> 
</body> 
</html> 

он не отображает мое сообщение. Файл controller.js недоступен

+0

Вы должны создать угловой модуль и добавьте первый контроллер для этого модуля, см в [этот ответ] (http://stackoverflow.com/a/28728380/2435473) поможет вам .. –

+0

Вы должны посмотреть первые две страницы начала работы на официальной странице angularjs. – YannickHelmut

ответ

0

Вы должны определить свое угловое приложение и его модули.

var app = angular.module('myApp'); 

app.controller('serviceController', function() { 
    $scope.message = "Nice, I now know how to create an angular app"; 
}) 

И теперь вы сможете получить к нему доступ на странице:

<body ng-app="myApp">... 
    <div ng-controller="serviceController">... 
     {{message}} 

Это должно помочь вам, так как вы знакомитесь с угловатыми.

+0

** все еще нерабочий ** bro :-( –

0

Вот этот пример определить ваше имя контроллера (controller.js)

var app = angular.module('myApp', []); 
app.controller('ServicesCtrl', function($scope) { 
    $scope.message = "Hello"; 
}); 

определить название приложения (index.html)

<body ng-app="myApp"> 
    <div class="container" ng-controller="ServicesCtrl"> 
     <h1>Service Client Maker</h1> 
     {{message}} 
    </div> 
</body> 
+0

нерабочий ..:/ –

1

Его ясно, что вы пытаетесь определить контроллер как простая js-функция. Но, он работает по-другому.
Вы должны инициализировать угловое приложение в переменной Java-скриптах, как это,

var app=angular.module("MyApp");

и обрабатывать все эти угловое приложение, через который Js переменное «приложение».

я настоятельно рекомендую вам, чтобы полностью пройти через ниже учебников .. Затем начните создавать приложение ..

https://www.tutorialspoint.com/angularjs/angularjs_mvc_architecture.htm http://www.w3schools.com/angular/default.asp

+0

tysm sir!! Сработал !! –

+0

@AbdulHannan You're Welcome .. подтвердите это как ответ на свой вопрос, отметив значок галочки на левая часть моего ответа (ниже значков для голосования) ..;) –

Смежные вопросы