鏈接的角度指令屬性的模板與玉

一類我想通過我的自定義角指令在其標記的屬性，有屬性，該指令的模板的容器中的一個被指定爲一類。鏈接的角度指令屬性的模板與玉

這裏是我的輸入是什麼樣子，在玉：

.form-layout-group 
    short-text-input.item(label="Short Input Group", inputColumnsClass="short-text-2")

下面是返回我的指令功能：

function ShortTextInput (FormControlService) { 
    restrict: 'E', 
    replace: true, 
    require: ['^validationForm', '?ngModel', '^?formCollection'], 
    scope: { 
    inputColumnsClass: '@' 
    }, 
    templateUrl: '/templates/input/shortTextInput/short-text-input.html', 
    link: FormControlService.link 
})

在我的模板，我想以下幾點：

include ../../input/_input-mixins.jade 

+WrapInputwithLabelAndErrorplaceholder 
    div.inner-icon 
    div(class="{{ inputColumnsClass }}") 
     +InputwithValidation.item

不幸的是，我不能讓這個列類露面，實際上在我的地優選的樣式輸入d方法。當我將這個類硬編碼到我的模板中時，我打算做的工作就很好。

上我應該如何處理這個任何提示？

來源

2016-07-22 Richard Kho

是的，這就是它！不能相信我錯過了它。 –

@estus用這些信息寫一個答案，以便未來的用戶可以容易地接受和看到它。 –

@ArianFaurtosh當然。 – estus

應該input-columns-class="short-text-2"。

input-columns-class DOM屬性是normalized到inputColumnsClass駱駝情況形式通過$compile服務，同時inputColumnsClass DOM屬性標準化爲inputcolumnsclass。

來源

2016-07-22 02:31:53 estus

鏈接的角度指令屬性的模板與玉

回答

相關問題