selector.html 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <script type="text/ng-template" id="selector/demo/browserWithURL">
  2. {{option.account}}@{{option.name}}
  3. <a class="small" ng-href="{{option.url}}" ng-bind="option.url"></a>
  4. </script>
  5. <script type="text/ng-template" id="selector/demo/browserWithIcon">
  6. <img ng-src="{{option.icon}}"> 工号:{{option.account}}姓名:{{option.name}}性别:{{option.gender}}座机:{{option.telephone}}邮箱:{{option.email}}科室:{{option.deptName}}手机:{{option.mphone}}
  7. </script>
  8. <select selector
  9. multi="false"
  10. model="myBrowsers"
  11. options="myData"
  12. value-attr="option"
  13. view-item-template="'selector/demo/browserWithURL'"
  14. dropdown-item-template="'selector/demo/browserWithIcon'">
  15. </select>
  16. <div class="panel">
  17. <div class="panel-body" style="padding:0px;margin-top:10px">
  18. <div class="input-group col-xs-12">
  19. <div class="col-xs-3">
  20. <a ng-click="phone(myBrowsers)" tooltip="工号" tooltip-placement="left"><i class="ti-mobile"></i></a><code ng-bind="myBrowsers"></code>{{}}
  21. </div>
  22. <div class="col-xs-3">
  23. <a ng-click="phone(mphone)" tooltip="姓名" tooltip-placement="left"><i class="ti-mobile"></i></a><code ng-bind="myBrowsers.mphone"></code>
  24. </div>
  25. <div class="col-xs-3">
  26. <a ng-click="phone(mphone)" tooltip="手机" tooltip-placement="left"><i class="ti-mobile"></i></a><code ng-bind="myBrowsers"></code>
  27. </div>
  28. <div class="col-xs-3">
  29. <a ng-click="phone(mphone)" tooltip="性别" tooltip-placement="left"><i class="ti-mobile"></i></a><code ng-bind="myBrowsers"></code>
  30. </div>
  31. <div class="col-xs-3">
  32. <a ng-click="phone(mphone)" tooltip="座机" tooltip-placement="left"><i class="ti-mobile"></i></a><code ng-bind="myBrowsers"></code>
  33. </div>
  34. <div class="col-xs-3">
  35. <a ng-click="phone(mphone)" tooltip="邮件" tooltip-placement="left"><i class="ti-mobile"></i></a><code ng-bind="myBrowsers"></code>
  36. </div>
  37. <div class="col-xs-3">
  38. <a ng-click="phone(mphone)" tooltip="科室" tooltip-placement="left"><i class="ti-mobile"></i></a><code ng-bind="myBrowsers"></code>
  39. </div>
  40. <div class="col-xs-3">
  41. <a ng-click="phone(myBrowsers.mphone)" tooltip="手机" tooltip-placement="left"><i class="ti-mobile"></i></a><code ng-bind="myBrowsers"></code>
  42. </div>
  43. </div>
  44. </div>
  45. </div>