Не удается обмен данными между контроллерами AngularJs

Hi I`m new in AngularJS. Это мой файл index.html http://clip2net.com/s/3oknPG6 Не удается обмен данными между контроллерами AngularJs

<!doctype html> 
<html ng-app="app"> 
    <head> 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script> 
     <meta charset="utf-8"> 
     <meta name="description" content=""> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <title>Angular route</title> 
     <link rel="stylesheet" href="css/style.css"> 
     <link rel="author" href="humans.txt"> 
     <script src="angular.js"></script> 
     <script src="node_modules/angular-ui-router/release/angular-ui-router.min.js"></script> 
     <script src="app/app.js"></script> 
     <style> 
     body { 
      padding: 20px; 
     } 
     </style> 


    </head> 
    <body> 
    <div ng-view></div> 

    <script src="js/main.js"></script> 

    </body> 
</html>

Это app.js файл:

angular.module("app", ["ui.router"]) 


.config(function config($stateProvider){ 
     $stateProvider.state("index", { 
      url:"", 
      controller: "FirstCtrl as first", 
      templateUrl: "templates/first.html" 
     }) 
    }) 

.controller("FirstCtrl", function FirstCtrl(){ 
      var first = this; 
      first.greeting = "First"; 
     });

и first.html файл:

<input type="text" ng-model="first.greeting"/> 
    <div ng-class="first.greeting">{{first.greeting}}</div>

Я не могу получить данные в взгляните, пожалуйста, помогите мне решить эту проблему. Также я получаю эту ошибку: не могу прочитать свойство «isDefined» неопределенного.

источник

2015-10-03 Nuriddin Zuhirxojaev

http://stackoverflow.com/a/14168699/4161269 –

@AnikIslamAbhi Это немного продвинутый уровень. –

Вы загружаете свою зависимость «ui-router» дважды в свой index.html. Может быть, это проблема? Просто загрузите свой маршрутизатор ui после того, как вы включили angular.min.js.

источник

2015-10-03 06:21:44

Я считаю, что проблема с конфигурацией ...

controller: "FirstCtrl as first"

Существует поле controllerAs, что вы можете использовать. Попробуйте следующее:

controller: "FirstCtrl" 
controllerAs: "first"

Это должно надеяться устранить проблему вокруг «isDefined» of undefined. Угловой будет буквально искать контроллер с именем FirstCtrl как первый.

Надеюсь, это поможет.

источник

2015-10-03 06:48:03 benfes

Что <script src="js/main.js"></script>, а также <script src="app/app.js"></script>, а также вы загрузили UI-маршрутизатор дважды, удалить <script src="node_modules/angular-ui-router/release/angular-ui-router.min.js"></script> также я не уверен, что вы пытаетесь достичь в своей first.html файле представления в письменной форме

ng-class="first.greeting"

Директива ngClass позволяет динамически устанавливать классы CSS в HTML-элемент путем привязки выражения, которое представляет все классы, которые необходимо добавить. More Info on ng-class

источник

2015-10-03 08:44:29

Не удается обмен данными между контроллерами AngularJs

ответ

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