[英]C#, .net 4.5 and angularjs
我对angularjs很陌生。 我刚刚开始学习。 我创建了简单的aspx页面,但是它没有按预期工作,但是如果我在html页面中进行了修改,则可以正常工作。 问题是单击按钮计数器应增加但在aspx页面中不起作用,但在html页面中起作用
有人可以告诉我原因是什么
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default2.aspx.cs" Inherits="Angular.Default2" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</head>
<body ng-app="" ng-init="hour=13">
<form id="form1" runat="server">
<div ng-controller="myController">
<button ng-click="count = count + 1">Click me!</button>
<p>{{ count }}</p>
</div>
<script>
function myController($scope) {
$scope.count = 0;
}
</script>
</form>
</body>
</html>
用这个
<input type="button" ng-click="count = count + 1" value="Click me!" />
代替
<button ng-click="count = count + 1">Click me!</button>
如果用angular定义一个应用程序名称会更好
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</head>
<body ng-app="myapp" ng-init="hour=13">
<form id="form1" runat="server">
<div ng-controller="myController">
<button ng-click="click()">Click me!</button>
<p>{{ count }}</p>
</div>
<script>
angular.module('myapp').controller('myController', ['$scope',
function myController($scope) {
$scope.count = 0;
$scope.click = function(){
$scope.count++;
};
}
]);
</script>
</form>
</body>
</html>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.