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

【问题标题】：C# MVC AngularJS creating custom element directiveC# MVC AngularJS 创建自定义元素指令
【发布时间】：2017-08-16 10:14:48
【问题描述】：

我对 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 设置为 true。

但是当我点击按钮时，什么也没有发生。请帮忙？我做错了什么？

【问题讨论】：

标签： javascript c# angularjs asp.net-mvc angular-directive

【解决方案1】：

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

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

【讨论】：

不客气。如果此解决方案适合您，您可以选择此作为选择的答案吗？ :)