Javascript 角度模板中的Concat范围

我有三个带有scopes变量的文本框，它们是borderColor（

像#000000

）、borderWidth（

像3px

）、borderStyle（

像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>

这是我的第一个部门

---

有什么建议吗？

如果属性之间没有空间，请尝试：

<div ng-style="{'border' : borderWidth+'px '+borderStyle+' '+borderColor}">

还有一个。您已经描述了“borderWidth（like 3px）”，如果它已经是字符串状的，则不要添加额外的

px

。如果px为

3

，则添加px。只需注意防止

3pxpx