AngularJS-部分功能

1.修改AngularJS变量调用形式,即修改边界符,默认是{{...}},例如将{{...}}修改成[[...]]

var myApp =angular.module('myApp', [], function($interpolateProvider) {$interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]');});


2.AngularJS通过jquery动态更新input的ng-model的值

<inputtype="text" value="" ng-model="payssionRechargeMoney" id="amount"/>

只有当input类型为text才能更新

$('#amount'').val(1000);

$('#amount').trigger('change');

扫描二维码关注公众号,回复: 2797217 查看本文章

$('#amount').trigger('input');// Use for Chrome/Firefox/Edge

$('#amount').trigger('change');// Use for Chrome/Firefox/Edge + IE11


3.ng-init初始化变量

初始化字符变量,赋值时需要加引号

ng-init="payssionRechargeType='bitcoin'"

初始化数字变量,可以直接赋值

ng-init="payssionRechargeMoney=10"


4.识别AngularJS变量中的HTML代码

a. 导入angular-sanitize.js【下载地址:Angular-sanitize.js

b. 将其作为一个过滤器:

angular.module('myApp')

    .filter('to_trusted', ['$sce',function($sce){

        return function(text) {

            return $sce.trustAsHtml(text);

        };

    }]);

c.<png-bind-html=”msg | to_trusted”></p>;【其中msg为AngularJS变量名,即需要显示的值】


后续有新的实用技巧再慢慢补充哈~~~

猜你喜欢

转载自blog.csdn.net/sagittarius_520/article/details/78330856
今日推荐