ng-include src를 동적으로 구축하려면 어떻게 해야 합니까?

ng-include src를 동적으로 구축하려면 어떻게 해야 합니까?

다음 코드가 있습니다.

<div ng-repeat="module in modules" id="{{module.Id}}">
    <ng-include ng-init="bootstrapModule(module.Id)" src=""></ng-include>
</div>

다음과 같이 src에 문자열을 빌드할 수 있으면 좋겠습니다.

/modules/{{module.Name}}/{{module.Name}}.tpl.html

하지만 난 계속 바리케이드를 치고 있어.콜백 기능을 사용하여 구축하려고 했지만

$scope.constructTemplateUrl = function(id) {
    return '/modules/' + id + '/' + id + '.tpl.html';
}

하지만 이것은 계속해서 불려지고 또 불려지고 그것은 좋아하지 않는 것 같다.또, 다음과 같이 구축하려고 하고 있습니다.

ng-src="/modules/{{module.Id}}/{{module.Id}}.tpl.html"

하지만 그것 또한 효과가 없다.몇 시간이고 빙빙 돌리기보다 이런 일에 부딪혀본 사람이 또 있을까 하는 생각이 들었다.

또한 $resource에서 모듈을 가져오면 $q와 비동기적으로 반환하기 때문에 컨트롤러에 들어가기 전에 모듈에 추가할 수 없습니다.$scope.modules딱 A와 같다then기능을 합니다.

좋은 생각 있어요?

ngInclude | src지시문은 각진 표현을 필요로 합니다.그것은 아마 당신이 그것을 써야 한다는 것을 의미합니다.

ng-src="'/modules/' + module.Id + '/tpl.html'"

http://docs.angularjs.org/api/ng.directive:ngInclude 에서

ngInclude|src 문자열 각도 표현식을 URL로 평가합니다. 소스가 문자열 상수인 경우 따옴표로 묶어야 합니다(예: src='myPartialTemplate).html'을 클릭합니다.

인라인 HTML 대신 모델에 URL을 구성하는 것이 더 나을 수 있습니다.

<div ng-repeat="module in modules" id="{{module.Id}}">
    <ng-include src="module.url"></ng-include>
</div>

언급URL : https://stackoverflow.com/questions/18976255/how-do-i-dynamically-build-an-ng-include-src