2014-09-05 3 views
0

I m new in Anguar js.Мой угловой контроллер не работает?

Я создал контроллер и передать данные но мой контроллер не работает, может у пожалуйста, помогите мне.

Мой код это

Угловой код

var app = angular.module('myApp', []); 

    app.controller('myController', function($scope) { 
    $scope.person=[ 
     {name:"Raj", gender:"M"}, 
     {name: "raja", gender:"M"}, 
     {name:"sevitra" gender:"F"} 
     ] 


    }); 

HTML Код

<body ng-app="myApp"> 
    <div controller="myController"> 
     <a href="javascript:void()"> 
     <button>Add New Field</button> 
     </a> 
     <div class="advance-menu-wraper"> 
     <ul> 
      <li> 
      {{"person[0].name"}} + {{"person[0].gender"}} 
      <div class="head-text">Field 1:</div> 
      <div class="description-text"> 
       <a href="#">How many staff members are proficient in Oracla programing</a> 
      </div> 
      </li> 
      <li> 
      <div class="head-text">Field 2:</div> 
      <div class="description-text"> 
       <form name="addForm"> 
       <textarea rows="2"></textarea> 
       <div class="send-btn"> 
        <button> 
        <i class="fa fa-check">Submit</i> 
        </button> 
       </div> 
       </form> 
      </div> 
      </li> 
     </ul> 
     </div> 
    </div> 
    </body> 

Demo link

+0

Не следует ли, что {{ "человек .name [0] "}} + {{" persone.gender "}} be {{person [0] .name"}} + {{"person [0] .gender"}}? – John

+0

Здравствуйте, @John, я сделал это, но не работал, пожалуйста, помогите мне –

ответ

3

Ваше выражение не будет работать:

{{"person[0].name"}} + {{"person[0].gender"}} 

урожаи: «{ {"человек[ 0] .name "}} + {{person [0] .gender"}} "в вашем html.

Правильное выражение должно быть:

{{person[0].name + person[0].gender}} 

Кроме того у вас есть синтаксические ошибки в массиве. Последний объект пропускает запятую.

Это рабочий plunkr: http://plnkr.co/edit/R9ojp8TWd7AloRrlPlZh?p=preview

+0

Это лучше {{person.0.name + person.0.gender}} –

+0

hi @Nilolas Я хочу добавить некоторые динамические данные в свой список, как это сделать помогите мне мой url http://plnkr.co/edit/e69pNXXE0Tg9EHUAfcYy?p=preview –

3

Вы должны использовать директиву ngController

изменение

<div controller="myController"> 

в

<div ng-controller="myController"> 
3
  1. {name:"sevitra" gender:"F"} должен быть {name:"sevitra", gender:"F"}
  2. controller="myController" должен быть ng-controller="myController"
  3. {{"person[0].name"}} + {{"person[0].gender"}} должен быть {{person[0].name}} + {{person[0].gender}}
2

три вещи, которые должны быть изменения, которые я можно посмотреть

изменить контроллер для

app.controller('myController', [ '$scope',function($scope) { 

Измените <div controller="MyController"> в <div ng-controller="MyController"

и в {{ " Person[0].Name "}} и {{ " Person[0].gender "}} удалить кавычки, так что становится {{Person[0].Name}} и {{Person[]0.gender}}