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中的第一行。

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

1 个答案: