Question

我是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

Answer 1

您需要使用ng Controller指令

变化

<div controller="myController">

到

<div ng-controller="myController">

Answer 2

你的表达不起作用：

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

收益：“{{”person [0] .name“}} + {{”person [0] .gender“}}”在您的HTML中。

正确的表达方式是：

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

此外，您的数组中存在语法错误。最后一个对象错过了一个逗号。

这是一个有效的傻瓜：http://plnkr.co/edit/R9ojp8TWd7AloRrlPlZh?p=preview

Answer 3

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

Answer 4

我需要改变的三件事情

将控制器更改为

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

我的角度控制器不工作？

4 个答案: