laravel 5.1和angular 2.1

我正在使用Laravel 5.1和Angular JS 2.1。但我的观点并没有抓住角度指示。laravel 5.1和angular 2.1

我已经通过设在计算器的所有备选走了，也没有找到一个解决方案，请建议： -

这里是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>

来源

2016-08-22 user3903517

您正在导入角度2.0，但角度标记是角度1.x. Angular 2与1.x角色的工作方式有很大的不同，并且不会向后兼容。 – jfadich

似乎就像您在导入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。

来源

2016-08-22 17:19:15 Ixalmida

是的，它使用了1.5.8版本的角度。 URL https://github.com/curran/screencasts/tree/gh-pages/introToAngular上截屏的代码示例已过时。有人可以提供指向Angular 2.0代码示例的链接，可以试用它。 – user3903517

@ user3903517 [angular docs]（https://angular.io/docs/ts/latest/quickstart.html）具有良好的QuickStart和工作示例 – jfadich

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

这里的简单解决方法是导入角度1.5而不是导入角度2.0测试版。这应该使这个代码工作。

Angular 2已经非常接近发布版本，所以如果你真的想要的话，你应该可以使用它而不会有太多麻烦。虽然您将不得不更新所有标记，并将JS更新为新的角度语法。

来源

2016-08-22 18:00:15 jfadich

laravel 5.1和angular 2.1

回答

相关问题