C#, .net 4.5 и angularjs

Я очень новичок в 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>

источник

2014-10-17 Milind

А что «не работает»? – BradleyDotNET

Я редактирую вопрос. Пожалуйста, проверьте это – Milind

Я пробовал, он работает для меня. –

Используйте этот

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

вместо

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

источник

2014-10-17 17:55:14

Он начинает работать, но могу ли я знать, в чем причина? – Milind

@John, определенно вы можете разработать SPA, используя ASP.Net/Server но вы должны быть осторожны при этом, например, заботиться о 'runat = server', который может манипулировать идентификатором управления, может потребоваться много тщательных шагов. Но видите ли, разница, между моим и вашим предложением. Или вы все еще смущены? Дайте мне знать, чтобы я мог лучше объяснить это. –

было бы лучше, если бы вы определить имя приложения в угловом

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

источник

2014-10-17 17:55:50

C#, .net 4.5 и angularjs

ответ

Смежные вопросы