javascript - 为什么我不能使用函数改变值？AngularJS

Question

为什么我不能使用函数改变值？AngularJS

html:

<div ng-controler='TestCtrl' id='TestCtrl'>
    <h1>Test: {{test.name}}</h1>

    <div ng-hide='showTest'>
        <div class='content'>
            <p>First name: <input ng-model='firstName'></p>
            <p>Last name: <input ng-model='lastName'></p>
        </div>
        <div jq-ui-button ng-click='doSth()'>
            Do something
        </div>
    </div>
</div>

JS：

app.controller('TestCtrl', function ($scope) {
    $scope.showTest = false;
    $scope.test = {name:'Test name'};

    $scope.doSth = function() {
        $scope.showTest = true;
    }
}

这没用。但是当我写：

<div jq-ui-button ng-click='showTest = true'>

有用。

问题出在哪里？

Answer 1

您必须编写 ng-controller 而不是 ng-controler。这就是为什么不使用您的代码的原因。HTML 中的第一行。