2014-09-05 115 views
0

我是新的Anguar js。我的角度控制器不工作?

我創建了一個控制器傳遞數據但我控制器不工作u能請幫助我。

我的代碼是這樣的

角碼

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 2014-09-05 07:56:15

+0

你好@約翰我已經做到了這一點,但沒有工作請幫助我 – 2014-09-05 07:59:16

回答

3

你的表達將不起作用:

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

產量:「{ {「人[ 0] .name「}} + {{」person [0] .gender「}}」。

正確的表達應該是:

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

而且您在陣列中有語法錯誤。最後一個對象沒有逗號。

這是一個工作plunkr:http://plnkr.co/edit/R9ojp8TWd7AloRrlPlZh?p=preview

+0

這是更好{{person.name + person.0.gender}} – 2014-09-05 08:09:02

+0

嗨@尼羅拉斯我想在我的列表中添加一些動態數據請問幫我我的網址是http://plnkr.co/edit/e69pNXXE0Tg9EHUAfcYy?p=preview – 2014-09-05 08:32:15

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}}