AngularJS教程-部分功能

原创
所属分类: Web前端 2017-10-24 379
来源:baidu.com

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

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


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

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

// 只有当input类型为text才能更新
$('#amount'').val(1000);
$('#amount').trigger('change');

$('#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变量名,即需要显示的值】



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


原创声明:本文为博主原创文章,转载请附上原文出处链接和声明。

相关推荐

更多内容>

原生js实现复制文本到粘贴板

Web前端

前端css/js实现文字上下滚动

Web前端

前端如何展示商品属性:SKU多维属性状态判断算法的应用

Web前端

bootstrap-switch 使用中遇到的问题

Web前端
点这里分享到
朋友圈