C# MVC AngularJS 创建自定义元素指令

Question

我是 angular 的新手，我正在尝试使用 C# MVC 构建 Web 应用程序。我想创建一个元素指令并在单击按钮时显示它。我在与主视图相同的位置做了部分视图：

<div align="center">
    <table dir="rtl" lang="he">
        <tr>
            <td align="left">שם משפחה:</td>
            <td><input type="text" ng-model="Family.FamilyName" /></td>
        </tr>
        <tr>
            <td align="left">שם פרטי:</td>
            <td><input type="text" ng-model="Family.FirstName" /></td>
        </tr>
        <tr>
            <td align="left">מספר נפשות בבית:</td>
            <td><input type="text" ng-model="Family.Name" /></td>
        </tr>
        <tr>
            <td align="left">גורם מפנה:</td>
            <td align="left"><input type="text" ng-model="Family.Referee" /></td>
        </tr>
        <tr>
            <td align="left">טלפון:</td>
            <td><input type="text" ng-model="Family.Phone" /></td>
        </tr>
        <tr>
            <td align="left">כתובת:</td>
            <td><input type="text" ng-model="Family.Address" /></td>
        </tr>
        <tr>
            <td align="left">פירוט דיירי הבית:</td>
            <td><input type="text" ng-model="Family.Residents" /></td>
        </tr>
        <tr>
            <td align="left">סיבת פניה כללית:</td>
            <td><input type="text" ng-model="Family.GeneralCause" /></td>
        </tr>
        <tr>
            <td align="left">תאריכי לידה מלאים של הילדים:</td>
            <td><input type="text" ng-model="ChildrenFullBirthdays" /></td>
        </tr>
        <tr>
            <td align="left">הערות נוספות:</td>
            <td><input type="text" ng-model="Remarks" /></td>
        </tr>
    </table>
</div>

并添加了指令：

.directive('addFamily', function () {
    return {
        restrict: 'E',
        scope:{Family:'Family'},
        templateUrl:'AddFamily.cshtml'
    };
});

然后在我的主视图中添加：

<div align="center">
    <button ng-click="ShowAddFamily()">הוספת משפחה</button>
</div>
<add-family ng-show="AddFamily" Family="Family"></add-family>

函数 'ShowAddFamily()' 将 AddFamily 设置为真。

但是当我点击按钮时没有任何反应。请帮助？我做错了什么？

Answer 1

您不能在指令中将 .cshtml 模板作为 templateUrl 引用。

有关此问题的解决方法，请参阅： Is angular routing template url support for .cshtml file in ASP.Net MVC 5 Project?

C# MVC AngularJS 创建自定义元素指令

C# MVC AngularJS creating custom element directive

javascript

c#

asp.net-mvc

angularjs

angular-directive