Question

我目前正在处理angularJS申请。我有HTML表单，大约有40个控件。除选择字段外，所有其他控件都呈现正常。我的页面上有大约16个选择字段，此选择字段为angular directive。当我说选择字段不能正常渲染时，我的意思是它加载但是它首先拉伸到更大的尺寸然后达到它在CSS中指定的尺寸。因此渲染不顺利。我的选择字段拉伸然后达到正常大小的任何特殊原因？我在这里先向您的帮助表示感谢。

Answer 1

我明白为什么会发生这种情况的可能原因是浏览器在完成加载css文件或angularjs文件之前加载了select元素。请尝试在指令模板上使用内联css声明选择字段的宽度。

<select style="width:100px"><option>Option 1</option></select>

您可以尝试的其他解决方案是使用＆＃34; elem＆＃34;指令声明中的参数。

app.directive('test', function() {
  return {
    restrict: 'AE',
    replace: true,
    templateUrl: '<select><option>Option 1</option></select>',
    link: function(scope, elem, attrs) {          
      elem.css('width', '100px');
    }
  };
});

希望这有帮助！：）

Answer 2

这是因为数据库响应较慢。来自DB的所有16个下拉数据都是正确的。您可以优化角度脚本。

HTML选择字段渲染需要时间

2 个答案: