[asp.net-mvc]AngularJS︰ 如何设置 MVC 模型数据的价值 AngularJS 使用Razor?

发布时间: 2017/3/25 1:43:14
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我用Razor在我的 MVC 项目中显示的所有数据︰

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

我在相当新的AngularJS;现在,我想要使用 AngularJS,(示例)。

但现在,我不知道怎么我可以设定模型的。以这种方式的生日。
我已经设置

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>

解决方法 1:

好吧,你总是可以设置 date 模型在角控制器中︰

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

这是假设你有角代码里面 Razor 视图,放而不是单独的 javascript 文件。通常它是不好的做法,混合使用 ASP.NET MVC 和 AngularJS。如果你打算编写一个基于 AngularJS 的水疗中心应用程序然后你可能不需要任何Razor或任何 ASP.NET MVC。你所需要的是 ASP.NET Web 将消耗您的纯水疗中心角应用程序的 API。一个简单的静态 html 服务,引导你水疗中心应用程序将会足够多。然后此水疗中心应用程序将简单地以检索要引导,它需要的任何信息查询您基于 Rest 的 API。现在,你似乎试图创建某种混合体,这可能不是最好的办法在这种情况下的权利。

赞助商