「nextBtn」に ng-disabled ディレクティブを追加する必要があります。これは、条件が true になるまでボタンを無効にしておく必要があるためです。出来ますか?同じことが ng-if または ng-class にも当てはまります。テンプレートでそれらを使用できず、理由がわかりません..これは私の状況です:
function elementTourTemplate(content, isEnd){
return '<div class=\"row custom-color\">' +
'<div id=\"pop-over-text\" class=\"col-md-12\">' +
content +
'</div>' +
'</div>' +
'<hr>' +
+ $scope.rFunction() +
'<div class=\"row\">' +
'<div class=\"col-md-8 qt-tmpl-footer-modal\">' +
'<a class=\"skipBtn pull-left qt-margin-min\" type=\"button\">Skip</a>' +
'<button id=\"prevBtn\" class=\"prevBtn uk-button uk-button-danger qt-margin-min\" type=\"button\">' +
'Back</button>' +
'<button ng-disabled=\"$scope.rFunction() == false\" id=\"nextBtn\" class=\"nextBtn uk-button uk-button-success\" type=\"button\">' +
'Next <i class=\"glyphicon glyphicon-chevron-right\">'+
'</button>'+
'</div>' +
'</div>'
}
$scope.config=[
{
type: "element",
selector: "#left-tree-folders",
heading: "Test one",
text: "Click here to go to the next step",
placement: "right",
scroll: true,
elementTemplate: elementTourTemplate
}, ....
ご覧のとおり、必要な値を表示できるカスタム テンプレートがあります: $scope.rFunction()
テンプレートの要素の外側にブール値を返すこの関数をスタンプしようとすると、機能します。しかし、それを ng-disabled や ng-if not のようなディレクティブに入れようとすると。何か案が?ありがとう
編集:示唆されたように、私は $compile を使用しようとしましたが、今はこれを持っています
angular.js:12793 TypeError: scope.$new is not a function
at compositeLinkFn (http://10.100.0.158:8280/docmenu/vendor/angular-1.5.0-beta.2/angular.js:7836:34)
at compositeLinkFn (http://10.100.0.158:8280/docmenu/vendor/angular-1.5.0-beta.2/angular.js:7859:13)
at Object.publicLinkFn [as elementTemplate] (http://10.100.0.158:8280/docmenu/vendor/angular-1.5.0-beta.2/angular.js:7736:30)
at Object.Element (http://10.100.0.158:8280/docmenu/vendor/ng-joyride/ng-joyride.js:37:47)
at http://10.100.0.158:8280/docmenu/vendor/ng-joyride/ng-joyride.js:555:40
at Array.map (native)
at initializeJoyride (http://10.100.0.158:8280/docmenu/vendor/ng-joyride/ng-joyride.js:545:44)
at Object.fn (http://10.100.0.158:8280/docmenu/vendor/ng-joyride/ng-joyride.js:498:25)
at Scope.$digest (http://10.100.0.158:8280/docmenu/vendor/angular-1.5.0-beta.2/angular.js:16165:29)
at Scope.$apply (http://10.100.0.158:8280/docmenu/vendor/angular-1.5.0-beta.2/angular.js:16429:24)