Thanks for the reply! After posting I found the solution from another thread that might have been made by you since it had similar content so I was able to get it working, thanks!
Br, Kalle 11.2.2015 14.56 kirjoitti "Muhammad Asad" <[email protected]>: > Yes the solution is simple enought. > > In you controller do this > > var response = $compile(htmlMarkup)($scope); > then use the response object to show modal. > Please make sure that the specific controller is pre loaded, i mean there > should be any script tag containing src for any js file. > If you have any confusions do let me Know :) > > On Wed, Feb 11, 2015 at 4:27 PM, Kalle Hytönen <[email protected]> wrote: > >> Hello! >> >> Did you get any solution for this since I'm facing similar problem when >> returning PartialView for $http.get call? >> >> Br, >> >> Kalle >> >> perjantai 26. syyskuuta 2014 8.52.05 UTC+3 Muhammad Asad kirjoitti: >> >>> I am currently loading Partial View returned by MVC controller to a >>> model dialog via AngularJS $http.get call. My View in rendered properly in >>> modal dialog, but the only problem is that my partial view which is >>> rendered also uses angular expressions etc. and for some reason angular is >>> not working in my partial view, but if i load this partial view in some >>> other view without ajax call then it angular works properly. >>> >>> *Partial View Code: ~/Views/ArticleType/_Add* >>> >>> *MVC Controller: ArticleTypeController* >>> >>> @{ >>> 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 to load modal with the 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 >>> }); >>> } >>> }]); >>> >>> *common.js * >>> >>> $(document).ready(function (e) { >>> >>> $(document).ajaxStart(function (e) { >>> $("#loadingBar").modal('show'); >>> }); >>> $(document).ajaxStop(function(e) { >>> $("#loadingBar").modal('hide'); >>> }); >>> $(document).ajaxComplete(function (e) { >>> $("#loadingBar").modal('hide'); >>> }); >>> $(document).ajaxError(function (e) { >>> $("#loadingBar").modal('hide'); >>> }); >>> }); >>> >>> function ShowModal(content) { >>> >>> //var html = $complie(content)(scope); >>> $("#modal .modal-dialog").html(content); >>> $("#modal").modal("show"); >>> } >>> function HideModal() { >>> $("#modal .modal-dialog").html(""); >>> $("#modal").modal("hide"); >>> } >>> >>> As you can see from the image below that angular expression is not being >>> evaluated. [image: As you can see from the image below that angular >>> expression is not being evaluated.] >>> >>> Any help would be really appreciated. Just so that you know, angular >>> expressions etc. are working in normal views. >>> >>> >>> Here is the download link to the solution files. : >>> https://app.box.com/s/rxvrhwcdp75zo736k7u5 >>> >> -- >> You received this message because you are subscribed to a topic in the >> Google Groups "AngularJS" group. >> To unsubscribe from this topic, visit >> https://groups.google.com/d/topic/angular/MNllB6C0IRM/unsubscribe. >> To unsubscribe from this group and all its topics, send an email to >> [email protected]. >> To post to this group, send email to [email protected]. >> Visit this group at http://groups.google.com/group/angular. >> For more options, visit https://groups.google.com/d/optout. >> > > -- > You received this message because you are subscribed to a topic in the > Google Groups "AngularJS" group. > To unsubscribe from this topic, visit > https://groups.google.com/d/topic/angular/MNllB6C0IRM/unsubscribe. > To unsubscribe from this group and all its topics, send an email to > [email protected]. > To post to this group, send email to [email protected]. > Visit this group at http://groups.google.com/group/angular. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "AngularJS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
