问题总结(ng+bootstrap+css)

川长思鸟来 2022-08-21 12:53 127阅读 0赞

1.  tab，ng无嵌套路由，tab也不需要用到。用angular-ui-bootstrap的tabset， tabcontent分别是不同的ng-include。不同的controller。
2.  boostrap的datetimepicker，我不在外面套一层class=“form-group”，浏览器就奔溃出错？
3.  boostrap的col嵌套col，还是以12为准。
4.  ng-class的表达式多种写法。  
    ①键值对：ng-class=”\{red:true,blue:false\}”，ng-class=”\{red:kk==0,blue:kk  
    ==0\}”，  
    ②字符串数组：ng-class=”\{true: ‘active’, false: ‘inactive’\}\[isActive\]”  
    ③.scope变量绑定（不推荐使用）  
    //发现一个坑 ng-class=“\{btm-line:true\}”，这么写会出错，不能有“-”，要把btm-line引起来， ng-class=“\{‘btm-line’:true\}”，这样子
5.  点击左侧导航刷新：url？后添加随机参数
6.  6.bootstrap的坑，，用label包裹checkbox，省去了for id这样的写法，但是会导致，点击label时候，同时也触发了checkbox
7.  ng的坑，1.4以前，ng-repeat会对key进行排序，1.4以后不会有这种问题，要解决还得用数组
8.  ng-click执行在ng-disabled之前
9.  一行都是float，最后那些小的float会跑到中间去，而不是另起一行，额，。。。
10. 一排inline-block，里面文字的对齐方式，用vertical-align这个属性去控制，我这里取top

baseline
    元素基线与父元素的基线对齐。一些 可替换元素，比如 <textarea> ， HTML标准没有说明它的基线，这意味着使用这个关键字，各浏览器表现可能不一样。
    sub
    元素基线与父元素的下标基线对齐。
    super
    元素基线与父元素的上标基线对齐。
    text-top
    元素顶端与父元素字体的顶端对齐。
    text-bottom
    元素底端与父元素字体的底端对齐。
    middle
    元素中线与父元素的小写x中线对齐。
    <length>
    元素基线超过父元素的基线指定高度。可以取负值。
    <percentage>
    同 <length> , 百分比相对于 line-height 。
    下面两个属性不像上面的属性相对于父元素，而是相对于整行：
    
    top
     元素及其后代的顶端与整行的顶端对齐。
    bottom
    元素及其后代的底端与整行的底端对齐。
    如果元素没有基线baseline，则以它的外边距的下边缘为基线。

--------------------

1.  文字折行，用word-break