角度模板中的Concat范围

时间:2015-10-08 08:37:18

标签: javascript html angularjs

我有三个具有范围变量的文本框是borderColor(like #000000),borderWidth(like 3px),borderStyle(like solid)。如果发生更改,我想绑定div边框其中一个文本框。我正在使用Angular。 这就是我到目前为止所做的:

<div ng-style="{'border' : borderWidth+'px'+borderStyle+borderColor}">
This is my firtst div </div>

基本上,这就是我想要的:

<div ng-style="{'border' : '3px solid #000000'}">
This is my firtst div </div>

有什么建议吗?

1 个答案:

答案 0 :(得分:1)

属性之间没有空格,请尝试:

grails.gorm.default.mapping = {
    "user-type" type: org.jadira.usertype.dateandtime.threeten.PersistentInstantAsMillisLong, class: java.time.Instant
}

还有一个。您已经描述了&#34; borderWidth(如3px)&#34;如果它已经是<div ng-style="{'border' : borderWidth+'px '+borderStyle+' '+borderColor}"> 之类的字符串,请不要添加额外的px。如果它是3px,请添加px。只需注意防止3