Question

我浏览了一下网络，了解如何让Angular {{ variable }}使用Blade的语法。

很少有网站会对我的Angular's @{{ var }}说这样做，但这不起作用。我正在尝试使用实时搜索字段。

在我的page.blade.php文件中：

<div ng-app>
<div ng-controller="MyController">
    <input type="search" ng-model="search" placeholder="Search...">
    <ul>
        <li ng-repeat="name in names | filter:search">
            @{{ name }}
        </li>
    </ul>
        <p>Tips: Try searching for <code>ann</code> or <code>lol</code></p>
</div>
</div>

<script>

function MyController($scope) {
$scope.names = [
'Lolita Dipietro',
'Annice Guernsey',
'Gerri Rall',
'Ginette Pinales',
'Lon Rondon',
'Jennine Marcos',
'Roxann Hooser',
'Brendon Loth',
'Ilda Bogdan',
'Jani Fan',
'Grace Soller',
'Everette Costantino',
'Andy Hume',
'Omar Davie',
'Jerrica Hillery',
'Charline Cogar',
'Melda Diorio',
'Rita Abbott',
'Setsuko Minger',
'Aretha Paige'];
}

</script>

我只会显示搜索字段，但没有其他内容。这里的链接是我复制的：http://jsfiddle.net/r26xm/1/

PS：我是Angular和Laravel的新手

Answer 1

您可以通过插值更改angularjs显示变量的方式。

以下是如何操作的示例：

<script>
  var customInterpolationApp = angular.module('customInterpolationApp', []);

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


  customInterpolationApp.controller('DemoController', function() {
      this.label = "This binding is brought you by [[ ]] interpolation symbols.";
  });
</script>
<div ng-app="App" ng-controller="DemoController as demo">
    [[demo.label]]
</div>

这是angularjs页面解释$interpolateProvider

Answer 2

只需在刀片代码的开头放置一个@，告诉刀片您希望标签只是通过。这是刀片的一部分，而不是AngularJS。您使用的是什么版本的Laravel？

@{{some info}}

将导致

{{some info}}

在最终表格上

Answer 3

我认为问题是angular 1.3不再支持全局功能作为控制器。 http://wildermuth.com/2014/11/11/Angular_1_3_and_Breaking_Change_for_Controllers

所以找一个更新的教程并使用类似的东西：

<script>
angular.module('myApp', [])
  .controller('MyController',['$scope',function($scope) 
  {
    $scope.names = ['Lolita Dipietro','Annice Guernsey'];
  }
]);
<div ng-app="myApp">

这不是Laravel特有的。你可以在没有任何后端的情况下工作。只需创建一个index.html文件并进行提供即可。

让Laravel 5使用Angular的语法

3 个答案: