VS.NET2013で新しいasp.netMVCアプリを作成しました。_Layout.cshtmlに、angularjsライブラリ(Google開発者サイト)への参照があります。また、「con1」というコントローラーを定義し、変数を作成します。
_Layout.cshtml:
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>
<script type="text/javascript">
function con1($scope) {
$scope.somestring = "some string";
}
</script>
Index.cshtml:
<div>
{{1+1}}
</div>
上記は正常に機能し、「2」の結果をレンダリングします。
divを次のように変更して、コントローラーのsomestring変数にアクセスしようとすると、結果ではなく実際のAnguarJSコードを取得します。
<div ng-controller="con1">
{{1+1}}
</div>
出力: "{{1 + 1}}"
コントローラー参照を追加すると壊れてしまう理由はありますか?これはVS.NET固有のようです。ここに正常に動作するjsfiddleがあります:http://jsfiddle.net/jpswdzxu/ 。これは基本的にVS.NETプロジェクトからの出力です。
Angularアプリケーションを定義する必要があります。定義しないと機能しません。
<script type="text/javascript">
var myApp = angular.module('myApp',[])
.controller('myAppCtrl', function($scope) {
$scope.somestring = 'teststring';
});
</script>
次に、HTMLは次のようになります。
<body ng-app="myApp">
<div ng-controller="myAppCtrl">
{{somestring}}
</div>
</body>
または、jsfiddleを使用すると、次のようになります。
<div ng-app="myApp" ng-controller="myAppController">
{{1+1}}
<br>
{{somestring}}
</div>
そして:
angular.module('myApp',[])
.controller('myAppController', function ($scope) {
$scope.somestring = "some string";
});
がんばろう!
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加