我有一個簡單的字符串如下:
var templateString = "<span>This is a test</span>"
此字符串是一個指令的link
函數中定義。
現在,link
功能裏面,我執行以下代碼:
scope.$eval(templateString);
我的下一步是$compile
數據,並將其與範圍相關聯。
但是,我得到的錯誤,當我做$eval
:
Uncaught Error: Syntax Error: Token 'span' is an unexpected token at
column 2 of the expression [<span>This is a test</span>]
starting at [span>This is a Test</span>].
但是,如果我看位於here的文檔,我似乎已經進行了正確但該字符串不評估的步驟。
編輯:我使用的是下面的示例文件:
angular.module('compile', [], function($compileProvider) {
// configure new 'compile' directive by passing a directive
// factory function. The factory function injects the '$compile'
$compileProvider.directive('compile', function($compile) {
// directive factory creates a link function
return function(scope, element, attrs) {
scope.$watch(
function(scope) {
// watch the 'compile' expression for changes
return scope.$eval(attrs.compile);
},
function(value) {
// when the 'compile' expression changes
// assign it into the current DOM
element.html(value);
// compile the new DOM and link it to the current
// scope.
// NOTE: we only compile .childNodes so that
// we don't get into infinite loop compiling ourselves
$compile(element.contents())(scope);
}
);
};
})
});
我沒有使用$watch
然而,因爲我不需要看任何表情和我已經有了模板(templateString) 。
該文檔似乎沒有提及'$ eval'的任何地方。您應該直接'編譯'模板併爲其提供創建'element'的範圍,除非您通過'attrs'元素獲取該字符串,否則您不需要任何'$ eval'。 –
@musically_ut我更新了我的問題,以表明我正在使用的示例。如果我不評估,那麼在span標籤中的任何角度表達式都會被顯示,因爲它沒有先評估它。我希望角度表達式(如果有的話)在我編譯之前進行評估。 – callmekatootie