单击以触发app.js中的功能无法正常工作

时间:2014-01-28 21:23:16

标签: javascript arrays angularjs

我正在学习javascript。我想用角度js制作一个小聊天应用程序。

所有数据都将存储在javascript数据结构中 - 数组,对象并使用角度js引出到前面并使用css进行样式化。

现在我在index.html中有一个像这样的按钮

<div class="container">
  <button ng-click="createuser"></button>
</div>

在我的js中我有一个控制器,我挂着一个名为test on angular的$ scope

的数组
$scope.tests = [ {'username': 'I am Joe'}];

我在index.html中使用ng-repeat循环遍历测试数组

<li ng-repeat="test in tests">
  {{test.username}}
</li>

现在我在$ scope对象上有一个方法

$scope.createuser = function createuser() {
    $scope.tests.push({'username': 'Mandy'})
};

获取数组并使用push方法(数组)将样本对象推送到测试中

但是当我转到index.html并单击时,它不起作用,因为Mandy没有被添加到循环中。

请注意该方法应该看到$ scope.tests,因为它全部在一个控制器下。

1 个答案:

答案 0 :(得分:6)

忘记了()

ng-click="createuser()"