正在删除角度视图属性中的空间
Removing space in view attribute in angular
我有一个ng repeat指令,在该指令中我动态设置高度
<ul>
<li ng-repeat="val in values" height-dir >{{val.a}}</li>
</ul>
app.directive('heightDir',function(){
return {
restrict: 'AE',
replace: true,
template: '<li ng-repeat="val in values" style="height:{{val.b}}%" >{{val.a}}</li>',
link: function(scope, elem, attrs) {
}
};
});
$scope.values= [{a:"Doe",b:10},{a:"bom",b:20},{a:"kal",b:30},{a:"jijo",b:40}];
问题是,当我运行时,值和%之间有一个间隙,所以没有应用样式。如何解决这个问题,我遗漏了什么?非常感谢。
我认为这与生成错误的HTML标记有关。
视图:
<div ng-controller="MyCtrl">
<ul style="height:500px">
<height-dir ng-repeat="val in values"></height-dir>
</ul>
</div>
代码:
var myApp = angular.module('myApp',[]);
myApp.directive('heightDir',function(){
return {
restrict: 'AE',
replace: true,
template: '<li style="height:{{val.b}}%" >{{val.a}}</li>',
link: function(scope, elem, attrs) {
}
};
});
function MyCtrl($scope) {
$scope.values= [{a:"Doe",b:10},{a:"bom",b:20},{a:"kal",b:30},{a:"jijo",b:40}];
}
Fiddle:http://jsfiddle.net/HB7LU/12044/
相关文章:
- RegEx删除空属性?例如,如果(class=“”||class=“”)移除;否则就下课
- 全局变量和全局对象的属性之间有什么区别吗
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 如何在Bootstrap Modal中为动态点击生成的变量设置jade属性
- 如何为HTML属性/选择器创建全局名称空间或变量
- 在html页面的属性周围添加了一个额外的空间
- 正在删除角度视图属性中的空间
- 如何为url属性中的空间设置%20
- Javascript对象/名称空间-如何访问从嵌套函数添加的属性(包括示例)
- 获取调用属于其属性或名称空间原型之一的函数的对象
- 使用 jQuery 读取命名空间属性
- JavaScript变量名称和HTML输入名称属性:名称空间冲突
- 如何查找属性在当前作用域中引用的命名空间
- XML节点:添加具有命名空间的属性
- 可以使用属性文件禁用插件用于某些汇流空间吗?
- D3不将名称空间属性附加到SVG元素
- 如何获取某个命名空间中节点的所有属性
- JS得到嵌套属性的对象与名称中的空间
- 命名空间和对象属性
- JavaScript名称空间模式(类似于对象的属性)