javascript - scope variable in my controller not working src of ng-include -


i'm trying load ng-include dynamically putting $scope variable in 'src' tag. here's code:

in controller:

app.controller('mycontroller', function($scope) {     $scope.requests = {         "0": { url: '/tpl-first-request.html' },         "1": { url: '/tpl-second-request.html' }     };      $scope.getrequest = getrequest;      function getrequest(request) {         $scope.request = $scope.requests[request].url;     } });

in html:

<body ng-controller="mycontroller">     <button ng-click="getrequest(0)">click first one</button>     <button ng-click="getrequest(1)">click second one</button>     <p ng-if="request">request = {{request}}</p>     <div ng-include src="request"></div> </body>

the ng-include not working, printout of "request = {{request}}" working fine.. can test in plunker

remove slash request path.

  $scope.requests = {     "0": { url: 'tpl-first-request.html' },     "1": { url: 'tpl-second-request.html' }   };

this job, @ least in plnkr.


-

Comments

Post a Comment