2014-10-17 167 views
1

我是非常新的angularjs。我刚开始学习。我创建了简单的aspx页面,但它不像预期的那样工作,但是如果我在html页面中做了同样的工作。 的是,当点击按钮,计数器应增加,但它不会在aspx页面的工作,但在HTML页面中工作C#,.net 4.5和angularjs

所以有人可以告诉我什么是真正的原因

<%@ 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> 
+0

什么“不工作”的应用程序的名称? – BradleyDotNET 2014-10-17 17:22:56

+0

我编辑问题。请检查它 – Milind 2014-10-17 17:23:47

+0

我已经尝试过,它是为我工作。 – 2014-10-17 17:52:49

回答

1

使用此

<input type="button" ng-click="count = count + 1" value="Click me!" />

,而不是

<button ng-click="count = count + 1">Click me!</button>

+1

它开始工作,但我可以知道是什么原因? – Milind 2014-10-17 17:57:10

+2

+0

@John,绝对可以使用ASP.Net/Server开发SPA但是你必须小心这样做,比如照顾'runat = server',这可能会操纵控件ID,可能需要采取许多谨慎的步骤。但是,您是否看到了我和您的建议之间的差异。还是你仍然困惑?让我知道,这样我可以更好地解释它。 – 2014-10-17 18:28:17

1

它会更好,如果你定义的角度

<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>