个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
为什么下面的输入按钮不调用InitCtrl Controller 内的login()函数？
<html lang="en" ng-app="mvc-module" class="ng-scope"><head>
<meta charset="utf-8">
<title>Sign in</title>
<script src="/SpringMVC/static/todo.js"></script>
</head>
<body>
<div ng-controller="InitCtrl" ng-bind-html-unsafe="mainPage" class="ng-scope ng-binding">
<!------ this part of code is injected by binding model of Angularjs -->
<div class="container">
<input type="button" ng-click="login()" value="Sign in" class="btn btn-large btn-primary">
</div>
<!--- end of injection --->
</div>
</body></html>
这是todo.js:
function InitCtrl($scope, $http) {
$scope.login = function () {
console.log("In login!");
$http.post("login", {password: $scope.password, username: $scope.username}).
success(function (data, status, headers, config) {
$scope.mainPage = data;
console.log("successfully logged to login");
}).error(function (data, status, headers, config) {
console.log("error in post");
});
};
$http.get("login").success(function (data, status, headers, config) {
$scope.mainPage = data;
});
}
这不是问题的 fiddler 版本 http://jsfiddle.net/pooyaho/M8krc/4/
最佳答案
我们想要使用 ng-bind-html-unsafe 插入 HTML，因此 ng-click 不起作用。为了使其工作，我们需要使用 $compile 服务来编译这个源代码。
所以让我们创建“编译器”:
.directive( 'compileData', function ( $compile ) {
return {
scope: true,
link: function ( scope, element, attrs ) {
var elmnt;
attrs.$observe( 'template', function ( myTemplate ) {
if ( angular.isDefined( myTemplate ) ) {
// compile the provided template against the current scope
elmnt = $compile( myTemplate )( scope );
element.html(""); // dummy "clear"
element.append( elmnt );
}
});
}
};
});
之后，让我们创建模拟服务器响应的虚拟工厂:
.factory( 'tempService', function () {
return function () {
// $http.post("login", {password: $scope.password, username: $scope.username}).
// success(function (data, status, headers, config) {
//
// console.log("successfully logged to login");
// return data;
// }).error(function (data, status, headers, config) {
// console.log("error in post");
// return "error";
// });
// obviously would be $http
return '<form class= "form-signin" >' +
'<h2 class="form-signin-heading">Please sign in</h2>' +
'<input type = "text" class= "input-block-level" placeholder = "User name" ng-model = "username" >' +
'<input type="password" class="input-block-level" placeholder="Password" ng-model="password">' +
'<label class="checkbox">' +
'<input type="checkbox" value="remember-me" ng-model="remember"> Remember me' +
'</label>' +
'<input type="button" class="btn btn-large btn-primary" ng-click="login()" value="Sign in">' +
'</form>';
};
});
最后让我们将指令添加到 HTML 中:
<div compile-data template="{{mainPage}}"></div>
当然，我们需要在 Controller 中注册我们的工厂和指令:
$scope.mainPage= tempService();
您可以在这里找到工作示例: FIDDLE
关于javascript - 当使用 ng-bind-html-unsafe 绑定(bind)模板时，ng-click 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19096239/
26
4
0
已结束。此问题不符合 Stack Overflow guidelines .它目前不接受答案。 我们不允许提出有关书籍、工具、软件库等方面的建议的问题。您可以编辑问题，以便用事实和引用来回答它。 关闭
在我正在开发的 crate 中，我有几个 unsafe 函数，由于某些原因它们被标记为 explained in this answer .在 unsafe 函数中，我可以执行 unsafe 操作，就
我一直在尝试在我的网络应用程序中设置文本编辑器。在哪里访问文本编辑器我必须允许 script-src 'self' 'unsafe-inline' 'unsafe-eval' 和 style-src
我是后端开发人员，正在帮助前端团队部署 Web 服务器，同时我正在研究遇到内容安全策略的漏洞，如果我将 CSP header 设置为“内容安全策略:默认源代码‘自我’数据: {own_domain_1
Unsafe.putAddress(long address, long x) 之间有什么区别？方法和Unsafe.putLong(long address, long x)方法？ 最佳答案 Java
考虑以下代码: const defaultState = () => { return { profile: { id: '', displayName: '',
上面有一条评论 public native void unpark(对象线程); “取消阻塞在park上阻塞的给定线程，或者，如果它没有阻塞，则导致后续对park的调用不阻塞。注意:此操作“不安全”，
我已将 unsafe.cpp 和 Unsafe.java 克隆到自定义版本。我要构建新的 JVM，但似乎我的 UnsafeNew.java 内联了 unsafe.cpp 方法，而不是新的 unsafe
为什么会出现以下错误？ Unsafe code may only appear if compiling with /unsafe"? 我使用 C# 和 Visual Studio 2008 在 Wi
我正在用 C# 做一个项目，它可以从线性代数包中获益。我看过外面的那些，但我真的不想付钱，或者我发现它们不是很好。所以我决定自己写。 我读到 C++ 数组比 C# 数组快得多，但在 C# 中使用指针数
在 Java 中，java.lang.unsafe 包中有 Unsafe 类，它提供对操作的低级访问。 现在在我看来，JVM 需要支持Unsafe 类中可用的所有 方法，以便与 JLS 兼容，示例方法
我正在尝试将选项卡存储在本地存储中并在刷新页面上获取前面的选项卡，数据存储在本地但是在控制台上的时候我得到错误 Error: [$sce:unsafe] Attempting to use an un
导入类型化函数时，我收到 no-unsafe-call 和 no-unsafe-assignment eslint 错误。如果函数在同一个文件中声明，错误就会消失。 eslint 似乎无法获取导入函数
我正在尝试在 Visual Studio App Center 中构建 Xamarin iOS 应用程序。该解决方案包含两个项目。一个是 Xamarin iOS 项目。另一个是绑定(bind)库项目。
Unsafe Fileupload 1.client check 标题叫客户端check，文件校验应该是在客户端进行的。 可以先把一句话木马改成图片格式，然后再抓包修改回PHP格式。 一句话木马内容：
我想问一下第一个例子是否比第二个例子慢。 例子1:for, unsafe, unsafe, unsafe, etc for (var i = 0; i ' { } // end of class .
我尝试通过在 Controller 中生成链接将书签按钮添加到我的网站。 模板部分: + Add Controller 部分: $scope.getCode = fun
我注意到在 Java 7 中，集合类(在我的例子中是 ConcurrentLinkedQueue)使用 UNSAFE 类进行交换和查找操作。 偏移量似乎是在编译时声明中计算的: itemOffset
我有一张图片: 在 html 上我得到的结果是: unsafe:c:/var/vci/images/fleetImages/IMG_20150912_091552.jpg 我已经在app.js中添加
这是实现原生pinvok代码的类 虽然我无法验证它是否正确使用了 unsafe，但它似乎可以工作 不安全的签名 struct IO_COUNTERS { public
我是一名优秀的程序员,十分优秀！