配置Angular.JS($ interpolateProvider)

时间:2016-03-29 13:36:36

标签: javascript jquery html angularjs

我正在尝试构建一个有角度的应用程序,以便我可以对我网站上的分页页面进行排序,但遇到了一些麻烦。

问题/有问题的代码

我需要更改interpolateProvider ,但无法确定如何插入它。我当前的框架运行它自己的服务器端语言,其中{{ html }}是为它自己的语言保留的,所以按照Angular的例子,我使用这段代码将{{ html }}交换为[[ html ]]

Angular($ interpolateProvider);交换

我在定义app var

后直接实现了这个功能
var app = angular.module('myApp', []);

app.config(['$interpolateProvider', function($interpolateProvider) {
     $interpolateProvider.startSymbol('[[');
     $interpolateProvider.endSymbol(']]');
}]);

问题/尝试的解决方案

以下是我遇到的问题,我的网站在更改此interpolateProvider之前正在读取HTML,从而引发了一大堆错误。有些事情我试图解决这个问题:

•在包含Angular.JS CDN之后,直接将$iP函数移动到<head>中。我不相信这是有效的,因为它需要在交换$iP之前定义我的应用程序。

•在Angular之前包含我的应用程序函数JS文件,显然为什么这个不起作用

•将$iP包含在我的主要函数JS中,直接包含在Angular

之后的模板中

观察

似乎它无法定义我的应用程序指令,但我觉得这可能是一系列错误的一部分。我的代码在 [JSFiddle] 中运行得非常好,但无法在我的网站中重复成功。

这是我的网站引发的错误:

  

错误:未知提供者:aProvider&lt; - a       在错误(本机)       在https://code.angularjs.org/1.0.0/angular-1.0.0.js:2627:15       at Object.getService [as get](https://code.angularjs.org/1.0.0/angular-1.0.0.js:2755:39)       在https://code.angularjs.org/1.0.0/angular-1.0.0.js:2632:45       at getService(https://code.angularjs.org/1.0.0/angular-1.0.0.js:2755:39)       在调用(https://code.angularjs.org/1.0.0/angular-1.0.0.js:2773:13)       在Object.instantiate(https://code.angularjs.org/1.0.0/angular-1.0.0.js:2805:23)       在https://code.angularjs.org/1.0.0/angular-1.0.0.js:4619:24       在https://code.angularjs.org/1.0.0/angular-1.0.0.js:4200:17       在forEach(https://code.angularjs.org/1.0.0/angular-1.0.0.js:117:20)(anonymous函数)@ angular-1.0.0.js:5525(匿名函数)@ angular-1.0.0.js:4659Scope。$ apply @ angular-1.0.0.js:7851(匿名函数)@ angular-1.0.0.js:930invoke @ angular-1.0.0.js:2788bootstrap @ angular-1.0.0.js:928angularInit @ angular-1.0.0.js:904(匿名函数)@ angular-1.0。 0.js:14322j @jquery.min.js:2k.fireWith @jquery.min.js:2n.extend.ready @ jquery.min.js:2K @jquery.min.js:2   multi:640 Object

感谢所有人,并且大家都帮忙!

1 个答案:

答案 0 :(得分:0)

试试这样:

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

这正在我的项目中使用laravel。