如何在angular js中使用指令.不适用于我的情况,为什么
How to use directive in angular js. Not works in my case, why.?
我需要打印带有点击功能绑定的动态html。我已经使用了$sce.trustAsHtml分配给一个作用域变量。以下是我的代码供参考。我不明白为什么指令在我的情况下不起作用。请帮我解决这个问题。
app.js
angular.module('starter', ['ionic', 'starter.controllers', 'starter.services'])
.config(function($stateProvider, $urlRouterProvider) {
.state('groupchat', {
url: '/groupchat',
templateUrl: 'templates/groupchat.html',
controller: 'GroupChat',
controllerAs: 'GC'
})
})
.run(function($rootScope, $location, SharedProperties) {
SharedProperties.sharedObject = {
unread: 0,
subscriptions: [],
}
});
groupchat.js//-控制器
angular.module('starter.controllers')
.directive('dynamic', function ($compile) {
return {
restrict: 'A',
replace: true,
link: function (scope, ele, attrs) {
scope.$watch(attrs.dynamic, function(html) {
ele.html(html);
$compile(ele.contents())(scope);
});
}
};
})
.controller('GroupChat', function($rootScope, $scope, $sce, $compile) {
$scope.trustedHtml = $sce.trustAsHtml('<span ng-click="testAlert()">Submit</span>');
$scope.testAlert = function () {
alert('testing');
};
});
groupchat.html
<ion-view>
<div dynamic="trustedHtml"></div>
</ion-view>
<div dynamic= "{{trustedHtml}}"> ??
我在想,如果这是问题所在,它将绑定字符串"trustedHtml",而不是hte-var内容,并且它将在您的情况下仍然工作/显示,但是
相关文章:
- HTML5 Canvas toDataURL(“image/png”)适用于一些绘画,而有些则不然,不确定原因
- JavaScript不显示剩余字符,但适用于其他页面
- 我如何完善这个Javascript代码,使其只适用于来自图像的链接(而不是来自文本的链接)
- 为什么这只适用于身体部分而不是头部
- 为什么不't此正则表达式适用于重复出现的对
- document.getElementById 对内部 html 的调用适用于 $_POST 和 $_GET 变量,但不
- JavaScript 位置适用于本地主机而不是服务器
- Rally App SDK 2.0:Rallymultiobjectpicker,适用于不显示displayField的
- jQuery事件在Mozilla上不起作用,并且适用于其他浏览器
- Angular.js - 控制器不为索引执行,适用于其余模板
- D3 .on 更改适用于文本而不是图表
- Zillow 数据 - json_encode不起作用 - 适用于常规变量
- 弹出模式仅适用于表格中的第一个元素,第二次单击后不会再次打开
- Phonegap Android项目适用于模拟器,而不是实际的手机
- ajax jonp 不应该适用于 请求的上不存在“访问控制-允许源”标头
- AngularJS:ng-单击不起作用,适用于<按钮>
- Javascript不会在移动设备上加载.适用于桌面
- 为什么我的代码适用于高度:100px,而不是高度:100%
- 拖放区.js + Laravel-多文件上传不起作用(仅适用于一个文件)
- 哪些限制适用于不透明响应