我的角度控制器无法正常工作？

Question

I m new in Anguar js . 我是Anguar js的新手。

I have created a controller and pass the data but my controller not working can u please help me . 我已经创建了一个控制器并传递了数据，但是我的控制器无法正常工作，请您帮我。

My code is this 我的代码是这样

Angular code is 角度代码是

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 Code is 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

You need to use the ngController directive 您需要使用ngController指令

change 更改

<div controller="myController">

to 至

<div ng-controller="myController">

Answer 2

Your expression won't work: 您的表情不起作用：

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

yields: "{{"person[0].name"}} + {{"person[0].gender"}}" in your html. 在您的html中产生：“ {{” person [0] .name“}}” + {{“ person [0] .gender”}}“”。

The correct expression would be: 正确的表达式是：

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

Moreover you have an syntax error in your array. 此外，您的数组中存在语法错误。 The last object misses a comma. 最后一个对象缺少逗号。

This is a working plunkr: http://plnkr.co/edit/R9ojp8TWd7AloRrlPlZh?p=preview 这是一个有效的插件： http ://plnkr.co/edit/R9ojp8TWd7AloRrlPlZh?p=preview

Answer 3

{name:"sevitra" gender:"F"} should be {name:"sevitra", gender:"F"} {name:"sevitra" gender:"F"}应为{name:"sevitra", gender:"F"}
controller="myController" should be ng-controller="myController" controller="myController"应该为ng-controller="myController"
{{"person[0].name"}} + {{"person[0].gender"}} should be {{person[0].name}} + {{person[0].gender}} {{"person[0].name"}} + {{"person[0].gender"}}应该是{{person[0].name}} + {{person[0].gender}}

Answer 4

three things which need to be change that i can see 我可以看到需要改变的三件事

change the controller to 将控制器更改为

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

change the <div controller="MyController"> to <div ng-controller="MyController" 将<div controller="MyController">更改为<div ng-controller="MyController"

and in the {{ " Person[0].Name "}} and {{ " Person[0].gender "}} remove the quote marks so it becomes {{Person[0].Name}} and {{Person[]0.gender}} 并在{{ " Person[0].Name "}}和{{ " Person[0].gender "}}删除引号，使其成为{{Person[0].Name}}和{{Person[]0.gender}}

我的角度控制器无法正常工作？

问题描述

4 个解决方案

解决方案1
3 2014-09-05 08:00:39

解决方案2
3 已采纳 2014-09-05 08:02:35

解决方案3
3 2014-09-05 08:05:04

解决方案4
2 2014-09-05 08:11:53

我的角度控制器无法正常工作？

问题描述

4 个解决方案

解决方案1 3 2014-09-05 08:00:39

解决方案2 3 已采纳 2014-09-05 08:02:35

解决方案3 3 2014-09-05 08:05:04

解决方案4 2 2014-09-05 08:11:53

解决方案1
3 2014-09-05 08:00:39

解决方案2
3 已采纳 2014-09-05 08:02:35

解决方案3
3 2014-09-05 08:05:04

解决方案4
2 2014-09-05 08:11:53