2016-08-22 2 views
0

저는 Laravel 5.1 및 Angular JS 2.1을 사용하고 있습니다. 그러나 내 견해는 각 지시어를 잡지 못하고있다.laravel 5.1 및 angular 2.1

이미 유래에 제공하는 모든 대안을 겪었지만, 해결책을 찾을 수 없습니다, 제안하십시오 -

여기

<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> 
+1

각도 2.0을 가져오고 있지만 각진 마크 업은 1.x 각도입니다. Angular 2는 Angular 1.x가 작동하는 방식과 크게 다르며 이전 버전과 호환되지 않습니다. – jfadich

답변

0

는 것 같다 ex10.blade.php의 코드 Angular 2.x j를 가져 오는 동안 Angular 1.x 마크 업을 사용하는 것과 같습니다. Angular.js 버전을 변경해보십시오.

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

working demo을 참조하십시오.

+0

예, 1.5.8 버전의 각도로 작업했습니다. URL https://github.com/curran/screencasts/tree/gh-pages/introToAngular에있는 스크린 캐스트의 코드 샘플은 오래된 것입니다. 누군가가 시도 할 수있는 Angular 2.0 코드 샘플에 대한 링크를 제공 할 수 있습니까? – user3903517

+0

@ user3903517 [angular docs] (https://angular.io/docs/ts/latest/quickstart.html)에는 작동하는 샘플로 좋은 퀵 스타트가 있습니다. – jfadich

0

사용자가 2.0beta를 가져오고 있지만 게시 한 코드는 실제로 Angular 1.x입니다. Angular 2는 Angular의 주요 분해이며 마크 업은 매우 다르기 때문에 Angular 1 마크 업을 각도 2로 사용할 수 없습니다.

여기서 쉬운 수정은 angular 2.0 베타를 가져 오는 대신 각도 1.5를 가져 오는 것입니다. 그러면이 코드가 작동합니다.

각도 2는 정말 출시하기에 가까워지고 있으므로 실제로 문제없이 사용할 수 있어야합니다. 모든 마크 업과 JS를 새로운 각도 구문으로 업데이트해야합니다.