laravel 5.1 和角度 2.1答案

【问题标题】：laravel 5.1 and angular 2.1laravel 5.1 和角度 2.1
【发布时间】：2016-08-22 16:42:48
【问题描述】：

我正在使用 Laravel 5.1 和 Angular JS 2.1。但我的观点并没有捕捉到角度指令。

我已经浏览了stackoverflow上提供的所有替代方案，但找不到解决方案，请建议：-

这里是ex10.blade.php的代码

<html ng-app="nameApp">
  <head>
    <meta charset="utf-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/2.0.0-beta.17/angular2.min.js"></script>
    <script>
      var nameApp = angular.module('nameApp', []);
      nameApp.controller('NameCtrl', function($scope){
         $scope.firstName = 'Manish';
         $scope.lastName = 'Sijaria';       
      });

    </script>
  </head>
  <body ng-controller="NameCtrl">
    First name: <input  ng-model="firstName" type="text"> </input>
    </br>
    Last name: <input  ng-model="lastName" type="text">  </input>
    </br>
    Hello @{{ firstName }}  @{{ lastName }}    
  </body>
</html>

【问题讨论】：

您正在导入 Angular 2.0，但您拥有的 Angular 标记适用于 Angular 1.x。 Angular 2 与 Angular 1.x 的工作方式有很大不同，并且不向后兼容。

标签： angularjs laravel-5 blade

【解决方案1】：

您正在导入 Angular 2.0beta，但您发布的代码实际上是 Angular 1.x。 Angular 2 是对 Angular 的一次重大改造，标记非常不同，因此您不能将 Angular 1 标记与 Angular 2 一起使用。

这里的简单解决方法是导入 angular 1.5 而不是导入 angular 2.0 beta。这应该使这段代码工作。

Angular 2 即将发布，所以如果你真的想要的话，你应该可以毫不费力地使用它。尽管您必须将所有标记和 JS 更新为新的 Angular 语法。

【讨论】：

【解决方案2】：

您在导入 Angular 2.x js 时似乎正在使用 Angular 1.x 标记。尝试更改您的 Angular.js 版本。

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>

查看working demo。

【讨论】：

是的，它适用于 1.5.8 版本的 angular。 URL github.com/curran/screencasts/tree/gh-pages/introToAngular 上的截屏代码示例已过时。有人可以提供指向 Angular 2.0 代码示例的链接吗？
@user3903517 angular docs 有一个很好的工作示例快速入门