2016-06-25 13 views
1

MVCアーキテクチャなしでasp.netプロジェクトでAngularJSコードを使用したいと思います。 私は体の終了タグの後にスクリプトを挿入するために使用:MVCを使用しないasp.netのAngularJSコードを使用

<script src="js/angular.js"></script> 

は、その後、私は式を使用するモジュールを定義しようとしましたが、私はasp.netで使用するために必要なコードを含める方法がわかりませんフレームワーク。

+0

なぜサーバー側のフレームワークがhtmlサーバーになる必要がありますか? – charlietfl

+0

Jquery in、y applicationの代わりにangularJSのワイド関数を使いたいです。 –

+0

これは、サーバー側のフレームワークを使用することとは関係ありません。ほとんどの角型アプリでは、HTMLファイルが必要です。それらをサーバーにフレームワークできますが、一般的にhtmlをサーバーコード – charlietfl

答えて

0

以下は、asp.net WebフォームのAngleを使用した基本的な例です。angular.jを学ぶには、いくつかのチュートリアルに従うのが理想的です。W3Schools Angular JS tutorialをご覧ください。

<head runat="server"> 
    <title></title> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script> 
    <script type="text/javascript"> 
     var app = angular.module('app', []); 

     app.controller('controller', function ($scope) { 

      $scope.heading = "List Of Users:"; 

      $scope.users = [ 
      { id: 1, name: 'User 1' }, 
      { id: 2, name: 'User 2' }, 
      { id: 3, name: 'User 3' }] 

      $scope.Clicked = function() { 
       $scope.time = "Current time is - " + new Date().toLocaleTimeString(); 
      }; 

     }); 
    </script> 
</head> 
<body ng-app="app" ng-controller="controller"> 
    <form id="form1" runat="server"> 
     <h1>{{heading}}</h1> 
     <ul ng-repeat="u in users"> 
      <li>{{u.id + '-' + u.name}}</li> 
     </ul> 
     <input type="button" value="Click me" ng-click="Clicked()" /> 
     <div ng-bind="time"> 

     </div> 
    </form> 
</body> 
関連する問題