asp.net-mvc – Angular ng-include cshtml页面

前端之家收集整理的这篇文章主要介绍了asp.net-mvc – Angular ng-include cshtml页面前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我用角度战斗,使其包含在ng-view之外的部分cshtml视图.

这是我的主要观点:

@H_502_4@<div class="container"> <div class="header"> <div class="loginView"> <div ng-include="Home/Template/login"></div> </div> </div> </div> <div class="container"> <div ng-view></div> </div>

这里是我的部分Login.cshtml:

@H_502_4@<form name="login" ng-controller="LoginCtrl" class="form-inline"> <div class="form-group"><input type="text" name="loginName" class="form-control input-sm" placeholder="Brugernavn" oninvalid="this.setCustomValidity('Indtast brugernavn')" ng-model="UserData.LoginName" ng-required="true"></div> <div class="form-group"><input type="text" name="password" class="form-control input-sm" placeholder="Kodeord" oninvalid="this.setCustomValidity('Indtast kodeord')" ng-model="UserData.Password" ng-required="true"></div> <div class="form-group"> <button class="btn btn-primary btn-sm" ng-click="Login()" ng-disabled="login.password.$error.required || login.loginName.$error.required">Login</button> </div> </form>

im使用mvc返回特定部分视图对网址的调用,如下所示:

@H_502_4@public ActionResult Template(string id) { switch (id.ToLower()) { case "login": return PartialView("~/Views/Account/Partials/Login.cshtml"); case "register": return PartialView("~/Views/Account/Partials/Register.cshtml"); case "main": return PartialView("~/Views/Main/MainPage.cshtml"); default: throw new Exception("template not known"); } }

基本上我会相信ng-include应该调用url,它将返回到页面上将被粘贴的html.但是这不是什么发生,Template方法根本没有被调用.我可以在主页上包含整个模板,但是在登录后,我想用登录用户数据模板替换此模板.

任何想法如何解决这个问题?

解决方法

ng-include会计算一个表达式,确保您正在寻找直接加载路径,使用两组引号. @H_502_4@<div ng-include="'Home/Template/login'"></div>

猜你在找的asp.Net相关文章