2015-10-30 3 views
-2

Я обучение angularjs в течение 2 дней, и я не могу иметь его работу при работе с ng-controller/ng-repeat, имеющие проблемы с angularjs нг повторы/нг-контроллером

<html lang="fr"> 
    <head> 
    <meta charset="utf-8"> 
    <title>Angular test </title> 
    </head> 
    <body ng-app> 
    Angular test 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script> 
    <script> 
     function menuCtrl($scope) { 
      $scope.menus = [ 
      {title:"wiki",img:"../images/profil.png"}, 
      {title:"list",img:"../images/profil.png"}, 
      {title:"find",img:"../images/profil.png"}, 
      {title:"exp",img:"../images/profil.png"}, 
      {title:"stat",img:"../images/profil.png"}, 
      {title:"param",img:"../images/profil.png"} 
     ]; 
     } 
    </script> 
    <div ng-controller="menuCtrl"> 
     <div ng-repeat="menu in menus"> 
     <a href="#"><img src={{menu.img}}></a> 
     <h3>{{menu.title}}</h3> 
     </div>  
    </div> 
</body> 

+0

где ng-приложение? вам нужно определить угловой модуль в вашем коде ... добавьте это var app = angular.module ('myApp', []); а затем в html добавьте либо в тело, либо лучше, но добавьте верхний div и добавьте ng-app = "myApp", вы можете посмотреть на w3school для краткого примера http://www.w3schools.com/angular/angular_controllers.asp –

+0

Вам нужно инициализировать свое угловое приложение и объявить контроллер. –

ответ

0

Этим способом кодирование не поддерживается угловым 1.4.7, однако оно поддерживается угловым < 1.3.0.

Я рекомендую вам следовать этому стилю кодирования https://docs.angularjs.org/api/ng/directive/ngController

0

ngApp: ng-app description

<body ng-app> 

Или

<html ng-app> 

Используйте эту директиву для автоматического начальной загрузки в AngularJS приложения. Директива ngApp обозначает корневой элемент приложения и обычно располагается рядом с корневым элементом страницы - например, на значки или.

Это автоматически загружает ваше угловое приложение, а затем все хорошо. Но мне нравится загружать его вручную на событие DOM ready.

Это до вас. Если вы создаете пример приложения и пытаетесь узнать, то ng-app отлично подходит для вас, но в случае большого приложения вам нужно будет создавать модули.

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