angular_文本变化

注意，在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

 

posted @ 2017-03-21 22:18  最爱小虾  阅读(273)  评论(0)  编辑  收藏  举报