laravel 5.1とangular 2.1

私はLaravel 5.1とAngular JS 2.1を使用しています。しかし、私の見解では、角度のついた指示はありません。laravel 5.1とangular 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>

出典

2016-08-22 user3903517

あなたは角度2.0をインポートしていますが、あなたが持っている角度マークアップは角度1.xです。角度2は、角度1.xの仕組みとは大きく異なり、後方互換性はありません。 – jfadich

のコードです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を参照してください。

出典

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 [angle docs]（https://angular.io/docs/ts/latest/quickstart.html）には、動作するサンプルを備えたクイックスタートがあります – jfadich

あなたはAngular 2.0betaをインポートしていますが、投稿したコードは実際にはAngular 1.xです。角度2はAngularの大幅なオーバーホールであり、マークアップは非常に異なるため角度2のAngular 1マークアップを使用できません。

角度2.0ベータをインポートする代わりに角度1.5をインポートするのが簡単です。それはこのコードを動作させるはずです。

角2は本当にリリースに近づいていますので、本当にしたい場合は、あまり問題なく使用できます。あなたはすべてのマークアップを更新しなければなりませんが、JSは新しい角度構文に更新しなければなりません。

出典

2016-08-22 18:00:15 jfadich

答えて

関連する問題