小编Rob*_*b J的帖子

我有两个选项卡第一个选项卡显示年龄小于 40 岁的员工的详细信息，第二个选项卡显示年龄大于 40 岁的员工的详细信息，当我单击第一个选项卡并单击按钮显示（小于 1st tab) 弹出为我在 bootstrap 中编写的表单生成。但是对于第二个选项卡，当我单击按钮时，它只会淡出，不会生成任何表单。当我使用 chrome 调试器时，我发现节点淡入淡出的 CSS 没有自动生成。我是 Bootstrap 的新手，请帮助我

<button  type="button"
    class="btn btn-info glyphicon glyphicon-plus"
    data-toggle="modal"
    data-target="#myModal{{$parent.$parent.$index}}{{$index}}">
        Add URL
</button>

{{category.name}}{{$parent.$parent.$index}}{{$index}}

<div class="modal fade" id="myModal{{$parent.$parent.$index}}{{$index}}" role="dialog">
     {{$parent.$parent.$index}} -- {{$index}}
     <div class="modal-dialog" role="document">
          <!-- Modal content-->
          <div class="modal-content" >{{category.name}}
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
              </div>
              <div class="modal-body">
                  <form>
                      <p>
                          <input type="text" class="form-control"
                           name="uri" placeholder="Add URL" ng-model="uri">
                      </p>
                   </form>
               </div>
               <div class="modal-footer">
                   <button type="button" ng-click="addCustom()"
                           class="btn btn-success btn-sm col-lg-2 col-md-offset-3 glyphicon glyphicon-ok"
                           data-dismiss="modal">Add</button>
                   <button …

我们正在重建当前的产品.

1.)主要关注UI, Graphical Representation

2.)UI应该是responsive,widget类似的结构.

3.)图表应该重新加载数据 every n seconds

我已经通过几个图表API,

角nvd3

fusioncharts //不是免费的

Rest Service将被曝光,Json数据将被返回.将使用多种类型的图.(酒吧/尖刺等)

需要帮助选择可以与Rest Angular集成的图表的良好API.

对于小部件结构的任何更好的结构,应根据屏幕进行调整.小部件也将出现在大屏幕上.

我为此创建了一个plunker:http://plnkr.co/edit/5nk4BnYoO52En7P6kPu9

选择选项,但是当您选择一个时,ui-select保留为空白.潜在的重要说明:我在指令(ui-bootstrap)中使用它.作为旁注 - 在plunker中没有包装指令,所以这不是罪魁祸首.

<ui-select search-enabled="true" ng-change="updateMedu()" style="width: 100%" ng-model="medications.chosenMedications.metadata.conceptGroup.conceptProperties">
    <ui-select-match placeholder="Please click to choose or start typing dosage value..">{{$item}}</ui-select-match>
    <ui-select-choices repeat="cp in medications.chosenMedications.metadata[key].conceptGroup[1].conceptProperties | filter: $select.search">
        {{cp.synonym}}
    </ui-select-choices>
</ui-select>

手动模拟数据集:

$scope.medications.chosenMedications.metadata = [
    {
        conceptGroup: [
            {
                conceptProperties: [
                   {synonym: "Item One"},
                   {synonym: "Item Two"},
                   {synonym: "Item Three"}
                ]
            },
            {
                conceptProperties: [
                    {synonym: "Item A"},
                    {synonym: "Item B"},
                    {synonym: "Item C"}
                ]
            }
         ]
     }
];

我在angular2项目中工作,想知道有什么方法可以在angular2中使用uib-tabset吗？

我之前使用过angularjs,我可以使用ng-bootstrap.

所以我可以<uib-tabset></uib-tabset>轻松使用.

但我不确定如何在angular2中这样做？任何输入？

我正在使用CSS列布局模块创建流畅的布局,当2个或更多元素位于列的同一"行"时,我看到意外的结果.元素之间将出现3到4 px的间隙.我已经在IE11,FireFox 24,Chrome 31和Safari 5.1.7中进行了测试,它们都表现出相同的行为.

<div class="tile-container">
    <div class="tile-large">1</div>
    <div class="tile-wide">2</div>
    <div class="tile-small">3</div>
    <div class="tile-small">4</div>
    <div class="tile-small">5</div>
    <div class="tile-small">6</div>
    <div class="tile-wide">7</div>
    <div class="tile-large">8</div>
</div>

.tile-container {
    -moz-column-width: 250px;
    -webkit-column-width: 250px;
    column-width: 250px;
    column-fill: auto;
    height: 502px;
    background-color: gray;
}

.tile-large {
    width: 250px;
    height: 250px;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    display: inline-block;
    background-color: green;
}

.tile-wide {
    width: 250px;
    height: 125px;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    display: inline-block;
    background-color: blue;
}

.tile-small {
    width: 125px;
    height: 125px;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    display: …

我正在尝试使用包中包含的语言文件翻译FullCalendar.为了使角度更简单,我使用插件ui-calendar.

为此,我按照文档中的描述导入了语言脚本:

<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
... //other includes generated by bower
<script src="bower_components/moment/moment.js"></script>
<script src="bower_components/fullcalendar/dist/fullcalendar.js"></script>
<script src="bower_components/jquery-ui/ui/jquery-ui.js"></script>
<script src="bower_components/angular-ui-calendar/src/calendar.js"></script>
<!-- endbower -->
<!-- endbuild -->

<!-- FullCalendar language pack -->
<script src="bower_components/fullcalendar/dist/lang/fr-ca.js"></script>

但是,月份和日期没有被翻译.我确实设法使用"monthNames","dayNames"等配置手动翻译标签,但IMO很难看,并且它没有翻译ui.bootstrap.datepicker.

根据我的理解,问题是什么时候我不会接受任何我给他的东西.我试图做'moment.lang('fr-ca')',但它并没有做太多.有人知道"米老鼠的伎俩"可以帮助解决这个问题吗？

注意:ui-calendar使用fullcalendar的v 1.6,它不包括语言实用程序.所以我将fullcalendar@2.1.0添加到我的bower.json中.所有接缝都能正常工作,因为我直接调用fullcalendar,所以我看不出这会弄乱语言.