2014-10-17 103 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>