vue中可以直接对对象进行循环，如
<body>
<div id="app">
<ul>
<li v-for="(item,key) of userinfo">
{{key}}---{{item}}
</li>
</ul>
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
userinfo: {
name: 'hello',
age: 'sceret',
salary: 'sceret'
}
}
})
</script>
</body>
angular2中不能在html中对对象进行直接循环操作，需要先在对应的component页面进行声明后才可以操作
ts
objectKeys = Object.keys;
test={
id:'1',
name:'hello'
}
html
<ul *ngFor="let key of objectKeys(test)">
<li>
{{testinfo[key]}}
</li>
</ul>
网友评论