2016-06-27 8 views
3

私はasp.netユーザーコントロール(UC)でangularJSを使用していますが、残念ながら私のページにUCを追加しようとすると、角度を使用するページパーツ全体が機能しなくなります。 UCとページとは別の角度参照を使用しようとしましたが、成功しませんでした。anglejsを使用したasp netユーザーコントロール

ページコード:

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

どうすればいいですか?

よろしくお願いいたします。

答えて

1

私は、これらの変更をあなたの例の作品を作った:

    は、ページAbc.aspxにAngularJSを起動するスクリプトを動かし
  1. BODYタグng-app = "app"に設定し、ユーザーコントロールのdivから削除します。
  2. 角度アプリモジュールを作成するためのスクリプトを追加します。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Abc.aspx.cs" Inherits="angularusercontrol.Abc" %> <%@ Register Src="~/Controls/filterUC.ascx" TagPrefix="uc1" TagName="filterUC" %> <!DOCTYPE html> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"> </script> <script> angular.module('app', []); </script> </head> <body ng-app="app"> <div> <label>Name:</label> <input id="input1" type="text" ng-model="myModel" placeholder="Enter a name here"> <hr> <h1>Hello {{myModel}}!</h1> </div> <uc1:filterUC runat="server" id="filterUC" /> </body> </html>

関連する問題