c# - AngularJS:如何使用 AngularJS 而不是 Razor 设置 MVC 模型数据值？

Question

我使用 Razor 显示我的 MVC 项目中的所有数据:

@Html.TextBoxFor(model => model.Birthday, new {id = "birthday"})   

我是 AngularJS 的新手；现在，我想使用 AngularJS，( Example )。

但是现在，我不知道如何设置模型。生日可以这样设置。
我设置了

ng-app="myApp"

为div标签，其中包括

<label>Birthday:</label>
<adm-dtp ng-model='date'></adm-dtp>  

@*@Html.TextBoxFor(model => model.Birthday, new {id = "birthday"})*@

和，

<script>
    var app = angular.module('myApp', ['ADM-dateTimePicker']);
    app.controller('dateController',function() {
        var self = this;
    });
</script>

Answer 1

好吧，你总是可以在 Angular Controller 中设置 date 模型:

<script>
    var app = angular.module('myApp', ['ADM-dateTimePicker']);
    app.controller('dateController',function() {
        var self = this;
        self.date = '@Model.Birthday';
    });
</script>

这假设您已将 Angular 代码放置在 Razor View 中，而不是单独的 javascript 文件。通常混合使用 ASP.NET MVC 和 AngularJS 是不好的做法。如果您打算基于 AngularJS 编写 SPA 应用程序，那么您可能不需要任何 Razor 或 ASP.NET MVC。您需要的是一个 ASP.NET Web API，它将由您的纯 SPA Angular 应用程序使用。一个简单的静态 html 来服务和引导您的 SPA 应用程序就足够了。然后，此 SPA 应用程序将简单地查询您的 RESTful API，以检索 Bootstrap 所需的任何信息。现在您似乎正在尝试创建某种混合，在这种情况下这可能不是最佳方法。