繁体   English   中英

C#、. net 4.5和angularjs

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM