AngularJS和Laravel刀片：模块故障改变interpolateProvider（分隔符）时， [英] AngularJS and Laravel Blade: Module Error when changing the interpolateProvider (Delimiter)

问题描述

Laravel 5组合（带刀片），当我有一个奇怪的问题角1.3。

I have a strange problem when combining Laravel 5 (with Blade) and Angular 1.3.

我跟Laravel经验丰富，但有角一个新手。我知道，我必须要改变角度的分隔符，能够使其与Laravel之刃工作。

I am experienced with Laravel, but a newbie with Angular. I know that I have to change Angular's delimiters to be able to make it work with Laravel's Blade.

因此​​，这里是我做过什么：

So here is what I did:

//app.js

(function(){

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



  app.controller('TeamController', function(){

    // Do Something
  });

})();

这是在我看来，文件I definded NG-应用和NG-控制器。我的目标是通过JSON进行迭代。该JSON是不是JS的一部分上面 - 我是知道的。

An in my View-File I definded ng-app and ng-controller. My goal is to iterate through a JSON. The JSON is not part of the JS above - I am aware of that.

<div class="container" ng-app="TeamManager">

<hr>
<div class="row" ng-controller="TeamController as team">
    <div class="col-xs-4">
        <div class="teamlist-container">
            <table class="table table-striped">
                    <tr ng-repeat='member in teammembers'>
                        <td><% member.firstname %>&nbsp;<% member.lastname %></td>
                    </tr>
                </table>
        </div>
    </div>      

</div><!-- /row -->
<hr>

如果我离开了$ interpolateProvider code，一切工作，没有错误显示在控制台上。有了它 - 但是 - 空话运行了。我得到一个未捕获的错误：[$喷油器：modulerr]

If I leave out the $interpolateProvider code, everything work and no errors are shown on the console. With it - however - nothings runs anymore. I get a Uncaught Error: [$injector:modulerr]

当我跟着它，我来：错误：$喷油器：unpr未知提供商

When I follow it, I come to: Error: $injector:unpr Unknown Provider

我缺少的东西吗？我试过code从AngularJS Docs和一些教程。因此，它应该被罚款。每次我在这个错误运行，它是推动我疯了。

Am I missing something? I tried code from AngularJS Docs and some Tutorials. So it should be fine. Every time I was running in this error and it is driving me crazy.

我有人可以帮助我，我真的AP preciate它。

I someone could help me with this, I would really appreciate it.

非常感谢，
AFX

Many thanks, AFX

推荐答案

我不认为你正确地注射提供商，它应该是在你的应用程序的配置方法的回调。

I don't think your injecting the provider correctly, it should be in a callback for the config method of your app.

尝试：

var app = angular.module('TeamManager', []);

app.config(function($interpolateProvider) {
    $interpolateProvider.startSymbol('<%');
    $interpolateProvider.endSymbol('%>');
});

更新：正在使用的OP的情况下，缩小文件过程中未与角语法jiving。提问者将需要以如下方式来注入依赖与缩小使用/丑化

Update: in the case of the OP, the minifying process wasn't jiving with the angular syntax being used. The asker would need to inject dependencies in the following way to use with minify/uglify:

var app = angular.module('TeamViewer', ['deps', function(deps) {
    //...
}]);

和

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

本语法是缩小和丑化安全。

This syntax is minify and uglify safe.

这篇关于AngularJS和Laravel刀片：模块故障改变interpolateProvider（分隔符）时，的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！