注意，在input中用ng-change的时候，一定要结合着ng-model用
开头，注意在这里添加了ng-app
<!DOCTYPE html> <html lang="zh-cn" ng-app> 。 。 。 。
<!--ng-controller控制器--> <div ng-controller="changeCtrl"> <label id="lbl" class="label label-info"></label> <input ng-model="msg" ng-change="changeFunc(msg)" type="text" class="form-control"> <button ng-click="clickFunc()" class="btn btn-primary" type="button">submit</button> </div>
js：
function changeCtrl($scope) { //alert(); //验证控制器是否加载 //changeFunc是来自于$scope对象的一个属性 $scope.changeFunc = function (msg) {//双向绑定了msg // console.log(msg); $("#lbl").html(msg); //正则表达，当出现wanglijuan拼音的时候替换王立娟汉字 var reg = /wanglijuan/g; $("#lbl").html(msg.replace(reg,"王立娟")); }; $scope.clickFunc = function () { $("h1").html($("#lbl").html()); } }
完整练习，在GitHub：
https://github.com/besswang