Question

我尝试在SharePoint 2013网站上运行这个非常简单的输入测试。它起初工作得很好但是在不同内容编辑器中的同一页面中进行了一些其他实验之后（我没有触及输入测试）它打破了，现在只显示带有双括号的搜索。我尝试在内容编辑器和脚本编辑器中实现它，但似乎没有任何工作。它只显示文字和{{search}}

＆＃13;

<script src=".../SiteAssets/javascript/angular.min.js"></script>
<script src=".../SiteAssets/javascript/jquery-2.1.4.min.js"></script>
<div>
     <input type="text" ng-model="search">
     <p>you're searching for: {{search}}</p>
</div>

＆＃13;

此外，我无法弄清楚为什么简单的Hello World不会显示它应该显示的内容。它还显示了双括号。

＆＃13;

var app = new angular.module("mainApp", []);

app.controller("HelloController", function ($scope) {
	$scope.greeting = 'hello';
});


angular.bootstrap(document, ['mainApp']);

＆＃13;

上面是控制器，下面是.html。

＆＃13;

<script type="text/javascript" src=".../SiteAssets/javascript/angular.min.js"></script>
<script type="text/javascript" src=".../SiteAssets/javascript/HelloController.js"></script> 

<div ng-app='mainApp' ng-controller='HelloController'>
    <p>{{greeting}}, World</p>
</div>

＆＃13;

我已经测试了最小下载策略功能对这些问题的影响，但它没有任何区别。

我希望有人可以提供帮助！

BR，努拉

Answer 1

正确加载DOM后，您需要在angular.element上启动角度应用程序。

<强>代码

angular.element(document).ready(function() {
     angular.bootstrap(document, ['mainApp']);
});

您应该在加载或定义后调用angular.bootstrap（）你的模块。您无法添加控制器，服务，指令等在应用程序引导之后。

Doc Link

Sharepoint 2013不与Angularjs合作

1 个答案: