In AngularJS ASP.NET MVC-Teilansicht
Ich bin derzeit be Partial View zurückgegeben MVC controller zu einem bootstrap-Modell über AngularJS $http.Holen Sie sich nennen. Meine Ansicht richtig dargestellt, in den modalen dialog, aber das einzige problem ist, dass mein Teilansicht, die gerendert wird, verwendet auch eckige und kantige ist nicht meine Teilansicht, aber wenn ich konvertieren Sie die gleiche Teilansicht zu einer normalen Ansicht, es funktioniert einwandfrei.
Teilweise Anzeigen-Code:
@{
ViewBag.Title = "Add Article Types";
}
//other scripts files e.g app.js and angular.js are included in main layout file.
<script src="~/Scripts/Angular/ArticleTypeController.js"></script>
<div class="modal-content" ng-controller="ArticleTypeController">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
Add New Article Type
</div>
<form novalidate role="form" name="ArticleTypeForm" ng-submit="ArticleTypeForm.$valid && Add(model)">
<div class="modal-body">
<div class="form-group">
<label for="ArticleType" class="control-label">Article Type</label>
<input type="text" required ng-model="model.ArticleTypeName" class="form-control" id="ArticleType" />
</div>
</div>
</form>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary" value="Add" >Add</button>
{{ArticleTypeForm.$valid}}
</div>
</div>
Controller zu laden modal mit dem partial view.
MenuController.js
angular.module('myApp').controller('MenuController', [
'$scope', '$http', 'httpPreConfig', function ($scope, $http, httpPreConfig) {
$scope.AddArticleType = function () {
$.get("/ArticleType/Add")//returns the partial view.
.success(function (response) {
ShowModal(response);//it properly shows the modal. but angular doesn't work
});
}
}]);
Wie Sie sehen können aus dem Bild unten, der Winkel-Ausdruck wird nicht ausgewertet.
Jede Hilfe wäre wirklich zu schätzen.
Nur, damit Sie wissen, angular-Ausdrücke etc. arbeiten in den normalen Ansichten.
InformationsquelleAutor user2539602 | 2014-09-25
Du musst angemeldet sein, um einen Kommentar abzugeben.
Vielleicht die Ansicht, die Sie zurückgeben, wird nicht kompiliert durch Eckige. Versuchen Sie, kompilieren Sie es, bevor es angezeigt wird, in das modal durch den
$compile
service und Anbindung eines richtigen Bereich:Aber das ist wirklich nicht der richtige Sache zu tun, in die Eckige Welt. IMO wäre es besser, zu verwenden
ng-include
laden Sie Ihren Inhalt in dem modal-und dann dem Benutzer anzeigen.ng-include="'ArticleType/Add'"
zu machen, es in ein div-Element, es ist richtig dargestellt, aber, Winkel-expression sind noch nicht workng.Hallo, vielen Dank für deine Antwort, nun habe ich benutzt
ng-include="'ArticleType/Add'"
zu machen, es in ein div-Element, es ist richtig dargestellt, aber, Winkel-expression sind noch nicht workng. Siehe Bild unter: link. Wie Sie sehen können, dass Ausdrücke werden nicht ausgewertetHast du irgendwelche JS-Fehler in der browser-Konsole?
und whrn ich versuchen, Sie zu verwenden $kompilieren, wie Sie oben vorgeschlagen, es wird eine error - Syntax error, unrecognized expression
Auch für die ng-include zog ich ArticleTypeMenuController.js zu Haupt-Layout-Datei, jetzt ng-include in die Arbeit in der index-Seite, aber wenn ich den ng-include-Attribut in einem div per jquery-Aufruf und dann show modal wird es nicht geladen
InformationsquelleAutor Michał Dudak