javascript - 在 Angular JS 中更改文本的正确方法是什么？

Question

<input type="button" class="button" value="click"/><div class="text_block">start</div>

在 jquery 中，这段代码适合我:

$(".button").click(function() {
if($(this).val() == "click"){
    $(this).val('clicked');
    $(".text_block").html("stop");
}
else if($(this).val() == "clicked"){
    $(this).val('click');
    $(".text_block").html("start");   
}

});

我怎样才能使用 Angular js 正确地做到这一点？

Answer 1

AngularJs 代码示例

使用 Angular watch DEMO

var app = angular.module('my-app', [], function () {

})

app.controller('AppController', function ($scope) {
    $scope.toggle = true;

    $scope.$watch('toggle', function(){
        $scope.toggleText = $scope.toggle ? 'Click' : 'Cliked';
        $scope.divText = $scope.toggle ? 'Start' : 'Stop';
    })
})

HTML 代码示例

<button ng-click="toggle = !toggle">{{toggleText}}</button>
<div class="box on" >{{divText}}</div>