发表于: 2017-03-22 22:50:52

1 1165


今天完成的事情:

1、今天完善【后台管理-用户管理】精准搜索,加上了点击”用户列表“的邀请人数数字,可以跳转查看该用户邀请列表页面;

2、听杨泽平讲解官网代码的数据结构;

3、学习了Emmet的html简写方法;

4、听龚浩、万维娜讲近期的任务的总结。

明天计划的事情:

学习javascript的相关知识。

遇到的问题:

【后台管理-用户管理】点击邀请人数字,需要传参。最开始想的是借用萝卜多的项目经验,利用ui-sref实现页面跳转和传参。但是,由于是跳转到当前页面,所以ui-sref并没有反应。无奈,只能想办法在controller写点击函数,在html使用ng-click来实现。但是,这里又涉及到了传参的问题,它获取的不是当前位置的参数,而是兄弟元素的参数。经杨泽平提醒,想到了把参数放到点击函数里面就可以了,代码如下。

收获:

1、学习了angular的同级别数据的传参;

2、学习了Emmet的简写方法。说如下:

A、id # |类.|属性[]|内容{},若是不带父元素,则默认为隐性生成(就近原则);

B、后代> | 兄弟+ | 上级^;

C、分组()/乘法*/自增$/自减$@-/起序$@数字

例子:

(#header>.nav>ul>(li>a{首页/美女/关于/……})*5)+(#container>(#(.left_sidebar>.category>ul>(li>a[herf=”#” title=”这是测试链接啊”]{我是侧边栏链接$$$})*5)+(#right_content>ul>li>a[href=”#”]>(img[alt=”哟吼吼吼” src=” “])+span{这是用来描述图片用的}*12)))+#footer>ul>(li>a{关于/联系我们/…..})*4

结果:

<div id="header">
   <div class="nav">
       <ul>
           <li><a href="">首页/美女/关于/……</a></li>
           <li><a href="">首页/美女/关于/……</a></li>
           <li><a href="">首页/美女/关于/……</a></li>
           <li><a href="">首页/美女/关于/……</a></li>
           <li><a href="">首页/美女/关于/……</a></li>
       </ul>
   </div>
</div>
<div id="container">
   <div id="">
       <div class="left_sidebar">
           <div class="category">
               <ul>
                   <li><a href="" herf="”#”" title="”这是测试链接啊”">我是侧边栏链接001</a></li>
                   <li><a href="" herf="”#”" title="”这是测试链接啊”">我是侧边栏链接002</a></li>
                   <li><a href="" herf="”#”" title="”这是测试链接啊”">我是侧边栏链接003</a></li>
                   <li><a href="" herf="”#”" title="”这是测试链接啊”">我是侧边栏链接004</a></li>
                   <li><a href="" herf="”#”" title="”这是测试链接啊”">我是侧边栏链接005</a></li>
               </ul>
           </div>
       </div>
   </div>
   <div id="right_content">
       <ul>
           <li><a href="”#”"><img src="”" alt="”哟吼吼吼”" “=""><span>这是用来描述图片用的</span><span>这是用来描述图片用的</span><span>这是用来描述图片用的</span><span>这是用来描述图片用的</span><span>这是用来描述图片用的</span><span>这是用来描述图片用的</span><span>这是用来描述图片用的</span><span>这是用来描述图片用的</span><span>这是用来描述图片用的</span><span>这是用来描述图片用的</span><span>这是用来描述图片用的</span><span>这是用来描述图片用的</span></a>
           </li>
       </ul>
   </div>
</div>
<div id="footer">
   <ul>
       <li><a href="">关于/联系我们/…..</a></li>
       <li><a href="">关于/联系我们/…..</a></li>
       <li><a href="">关于/联系我们/…..</a></li>
       <li><a href="">关于/联系我们/…..</a></li>
   </ul>
</div>



返回列表 返回列表
评论

    分享到