如何在AngularJS HTML模板中存储变量？

Question

我如何将值存储到变量中，例如在单击角时？我有以下代码无法将值保存到变量中：

HTML：

<div ng-app='app'>
    <a ng-controller="MyController" href="#" ng-click="variable = 1">

    </a>
    {{variable}}
</div>

控制器：

var app = angular.module('app',[]);

app.controller('MyController', function($scope)
{
});

jsfiddle代码

Answer 1

您的变量绑定{{variable}}应在控制器的作用域内。因此，移至ng-controller将包含变量绑定的元素。