Javascript 未解析升级的Angular 1 component指令的模板属性
我有以下1条指令:Javascript 未解析升级的Angular 1 component指令的模板属性,javascript,angularjs,angularjs-directive,angular,ng-upgrade,Javascript,Angularjs,Angularjs Directive,Angular,Ng Upgrade,我有以下1条指令: return function(module) { module.directive('myButtonUpgrade', myButtonUpgrade); function myButtonUpgrade() { return { restrict: 'E', template: template(),
return function(module) {
module.directive('myButtonUpgrade', myButtonUpgrade);
function myButtonUpgrade() {
return {
restrict: 'E',
template: template(),
scope: {
image: '=',
imageColour: '='
}
};
function template() {
var html = '<my-button visible="flipVisible"\
enabled="enabled"\
image="{{::image}}"\
image-colour="{{::imageColour}}"\
</my-button>';
return html;
}
}
return myButtonUpgrade;
};
“this.directive.template”-未解析模板参数
有什么想法吗
import { Component } from '@angular/core';
import { upgradeAdapter } from '../../../upgrade/index';
var myButtonEx = upgradeAdapter.upgradeNg1Component('myButtonUpgrade');
@Component({
selector: 'my-button-ex',
template: '<my-button-ex [image]="refresh"></my-button-ex>',
directives: [myButtonEx]
})
export class ButtonExComponent {
}
upgrade_ng1_adapter.ts
compileTemplate(...){
this.linkFn = compileHtml(this.directive.template);
}