我的角度控制器不工作？

问题描述：

我创建了一个控制器和传递数据但我控制器不工作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

难道不应该{{“人.name [0]“}} + {{”persone.gender“}} be {{”person [0] .name“}} + {{”person [0] .gender“}}？ – John 2014-09-05 07:56:15

你好@约翰我已经做到了这一点，但没有工作请帮助我 – 2014-09-05 07:59:16

答

你的表达将不起作用：

{{"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

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

嗨@尼罗拉斯我想在我的列表中添加一些动态数据请问帮我我的网址是http://plnkr.co/edit/e69pNXXE0Tg9EHUAfcYy?p=preview – 2014-09-05 08:32:15

答

您需要使用ngController指令

变化

<div controller="myController">

到

<div ng-controller="myController">

答

{name:"sevitra" gender:"F"}应该{name:"sevitra", gender:"F"}
controller="myController"应该ng-controller="myController"
{{"person[0].name"}} + {{"person[0].gender"}}应该{{person[0].name}} + {{person[0].gender}}需要加以改变

答

三件事情是我可以看到

控制器更改为

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

我的角度控制器不工作？

相关推荐