使用angularjs的asp net用户控件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用angularjs的asp net用户控件相关的知识,希望对你有一定的参考价值。

我在asp.net用户控件(UC)中使用angularJS,但不幸的是,当我尝试在我的页面中添加我的UC时,使用角度的整个页面部分停止工作。我尝试使用与UC和页面分开的角度引用,但没有成功。

页码:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Abc.aspx.cs" Inherits="WebApplication1.Abc" %>
<%@ Register Src="~/filterUC.ascx" TagPrefix="uc1" TagName="filterUC" %>


<!doctype html>
<html>
<head>
</head>
<body>
    <uc1:filterUC runat="server" ID="filterUC" />
    <div>
      <label>Name:</label>
      <input type="text" ng-model="myModel" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{myModel}}!</h1>
    </div>    
</body>
</html>

UC代码:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="filterUC.ascx.cs" Inherits="WebApplication1.filterUC" %>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<div ng-app>
    <label>Name:</label>
    <input type="text" ng-model="yourName" placeholder="Enter a name here">
    <hr>
    <h1>Hello {{yourName}}!</h1>
</div>

我怎么能完成它?

问候。

以上是关于使用angularjs的asp net用户控件的主要内容,如果未能解决你的问题,请参考以下文章

asp.net 动态添加多个用户控件

ASP.NET用户自定义控件

asp.net怎么获取页面动态加载进来的用户自定义控件里面的值。。

ASP .NET单页上的多个用户控件 - 回发问题

ASP.Net 过度使用用户控件

将Asp.Net WebAPI从AngularJS App的Asp.Net MVC站点移动到一个单独的站点