以下は、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>
なぜサーバー側のフレームワークがhtmlサーバーになる必要がありますか? – charlietfl
Jquery in、y applicationの代わりにangularJSのワイド関数を使いたいです。 –
これは、サーバー側のフレームワークを使用することとは関係ありません。ほとんどの角型アプリでは、HTMLファイルが必要です。それらをサーバーにフレームワークできますが、一般的にhtmlをサーバーコード – charlietfl