使用[style]定位元素不起作用

时间:2018-05-03 01:03:10

标签: angular

我在使用[style]定位div时遇到问题。 我觉得我已经按照相关帖子/博客的说明,但没有得到正确的结果。 (将div定位在100,100)。 任何人都可以看到下面的代码有什么问题吗?

完整示例:https://stackblitz.com/edit/angular-j4kryx?file=app%2Fhello.component.ts

@Component({
  selector: 'hello',
  template:
  `<div 
  [style.left]="left"
  [style.top]="top"
  [style.color]="color">Hello!</div>`
})
export class HelloComponent {
  top = "100px" // does nothing
  left = "100px" // does nothing
  color = "red" // works!
}

1 个答案:

答案 0 :(得分:0)

您还需要设置位置。

graph = {}
graph['a'] = {}  # The key is 'a', it references a dictionary.
graph['a']['b']=2  # In this new dictionary, we'll set 'b' to 2.
print(graph) #{'a': {'b': 2}}

见这里:https://stackblitz.com/edit/angular-45x1px?file=app/hello.component.ts