如何使用angularJs动态创建HTML(未加载到DOM)
如何使用angularJs动态创建HTML(未加载到DOM)
提问于 2018-03-23 09:02:04
你好，我是安古拉杰的新手。我是通过调用ajax函数从C#检索HTML。在这里，我试图将AngularJs功能用于动态生成的HTML。但是我看不到任何AngularJs效应对this.But的影响，AngularJs效应很好，因为静态HTML.Please帮助我解决这个问题。
下面是一个例子。
C#代码：
[WebMethod]
public static string DynamicHtml()
{
StringBuilder sb=new StringBuilder();
sb.append("
<div ng-app='myApp' ng-controller='myCtrl'>
<h1 id='myName' ng-click='changeName()'>
{{firstname}}
</h1>
</div>
");
return sb.ToString();
}HTML代码： myPage.aspx
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
</head>
<body>
<div id="div1">
</div>
</body>
</html>脚本
$(document).ready({
$.ajax({
type:'POST',
content-type:'application/json;charset-4',
url:'myPage.aspx/DynamicHtml'
success:function(data){
$("#div1").html(data.d);
ChangeNameFunc();
}
})
function ChangeNameFunc()
{
var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope) {
$scope.firstname = "John";
$scope.changeName = function () {
$scope.firstname = "Nelly";
}
});
}
});在上面的代码中，我使用ajax调用检索c#中的html数据，并将其绑定到div1。当我试图点击约翰，名字并没有改变为耐莉。请注意角函数在静态页面中使用时起作用。
回答 1
Stack Overflow用户
发布于 2018-03-23 10:16:46
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
</head>
<body ng-app='myApp' ng-controller='myCtrl'>
<div id="div1">
</div>
</body>
</html>请尝试声明ng应用程序和ng控制器本身，并让我知道。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49445805
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号