小编Sei*_*ria的帖子

我正在尝试实现我的md-tabs每一个md-tab都是使用角度材料的独立状态.我目前的标记看起来像这样:

  md-tabs.is-flex.auto-flex(selected="selectedIndex",layout="vertical")
     md-tab(on-select="selectTab(0)",label="Player",ui-sref="state1")
        div.tab(ui-view)

     md-tab(on-select="selectTab(1)",label="Map",ui-sref="state2")
        div.tab(ui-view)

不过,我不认为这是ui-router的有效标记.是否可以使用当前版本的angular-material和ui-router进行此操作？

我使用d3 sankey实现遇到的一个问题是没有办法在x轴上指定节点的位置.我一直在寻找源代码,并没有真正的"干净"方式来以合理的比例指定x值(即,图表为5个节点宽度的1-5).我正在创建一些可以像课程计划器一样用于教育的东西,因此x值将与学期相对应.假设我有一门课程,直到大二二年级才能参加,这将是x的3(1/2是新生,3/4大二等).问题是,如果事先没有任何东西链接到这个课程,它总是在x为1,所以我想将它推到正确的两个空格.

我注意到实际sankey图表中的x值并不反映它上面有多少个节点,所以这有点难以做到.

我也遇到过这个问题,我意识到默认情况下图表不会让我定位一个节点.我没有问题调整sankey.js来实现这一目标,但我现在仍然坚持如何这样做.

我有来自服务器的字符串:

//A
123|155-244

• 第一个数字总是表示'红色'
• 数字后|总是意味着'绿色'
• 数字后-总是意味着'蓝'

这里的问题是Green和Blue可以按任意顺序返回:

//B
123-244|155

或者他们可能完全失踪:

//C
123|155 

我需要一个返回一个数组/对象的函数来简化:

//A
var result = {red:"123", green:"155", blue:"244"}

//B
var result = {red:"123", green:"155", blue:"244"}

//C
var result = {red:"123", green:"155", blue:"0"}

我已经尝试了两个函数,一个是获得Green而另一个是Blue,但我意识到它不能正常工作,具体取决于它们出现在字符串中的顺序.

var getGreen = function(myvar){
    return myvar.split('-'); 
};
var getBlue = function(myvar){
    return myvar.split('|'); 
};

这样做有时会导致我的对象看起来像这样:

var result = {red:"123", green:"155", blue:"244|155"}

我该怎么办？

我试图以我希望它在CSS中使用@page指令的方式为我打印打印预览.出于某种原因,无论我的页边距设置为什么,内容都会被压扁,即使数字被认为是精确的.这是一个测试的例子:

https://deck.zone/embed/-KK43Q9JoAqMIYd5gLj5;scriptId=0;print;tabs=result,code

如果你打开这个页面上的打印预览(我正在测试chrome),你会发现这些卡非常偏离中心.不过这是件事 - 我的卡片设置为2.5in乘3.5in,页面本身设置为8.5in乘11in.这意味着我应该在左右之间有大约1英寸的边距,在顶部和底部有0.5英寸的边距,这意味着我的边距应该在每一边减半.但是,如果我真的这样做,它看起来很乱:

这是我的@page CSS:

  @media print {
    html, body, .printable, .results-pane, .embed-view {
      width: 8.5in !important;
      height: 11in !important;
    }

    @page {
      size: 8.5in 11in;
      margin-top: 0.25in;
      margin-left: 0.5in;
      margin-right: 0.5in;
      margin-bottom: 0.25in;
    }
  }

即使我尝试手动设置边距,问题仍然存在,通过这种方式,您甚至可以看到我的内容被压扁.这是它的外观绝对没有边距(留下1英寸和0.5英寸的边距:

以下是我自己设置边距时的样子:

有没有办法可以阻止浏览器执行这种压扁行为,或使用我的@print查询来解决这个问题？作为参考,我已尝试在主体上设置边距,但顶部/底部边距不会在多个打印页面上保留.

有没有办法在选择足够多的值时使多选不换行？例如，这是它的作用：

我想要的是将它全部包含在一行中并且只能水平访问。Select2 提供箭头键导航以及删除键的使用，所以这没什么大不了的。

我认为这可能可以用 CSS 来完成，但我正在努力弄清楚需要做什么。

在bootstrap中,我可以做这样的事情:

<div class="row">
  <div class="col-md-4" ng-repeat="myData in myArray"></div>
</div>

如果我有8个项目myArray,我会得到这样的输出:

1 | 2 | 3 | 4
5 | 6 | 7 | 8

当我尝试使用材质/角度进行此操作时,我得到的是:

......显然不是包装.

这是我的HTML:

<md-card>
  <h3 class="text-center">Stats</h3>
  <div layout="horizontal" class="text-center">
    <div ng-repeat="stat in equipmentStatArray" flex="25">
        <span class="fa fa-fw fa-2x vertical-center {{stat.fa}}">
            <md-tooltip>{{stat.name}}</md-tooltip>
        </span>
        <span>&nbsp;</span>
        <span>{{player._statCache[stat.name]}}</span>
    </div>
  </div>
</md-card>

这可能与材料有关吗？

我环顾四周,找到了几个标有'ng-placeholder'的资源或类似的东西.我不能让这个工作:

<input type="text" placeholder="{{option.name}}" class="form-control" ng-switch-when="text" />

我注意到输入文档中似乎没有任何内容.我对角度很新,而这几乎没有让我感到沮丧几个小时.必须有办法做到这一点.

我已经使用Firebase构建了一个应用程序,我还使用nw.js制作了一个桌面版本.这样做的目的是允许在互联网不良或没有互联网的地区更好地离线使用(当用户再次上网时它会同步).现在,我可以在应用程序运行时断开连接并重新连接,但我希望能够完全关闭并重新加载应用程序.我从firebase看过这篇博文,但看起来这只适用于移动平台.

目前这也可以在网络平台上使用吗？

我目前正在使用马尔可夫链进行聊天AI.其中一个后端对象是一个将字符串映射到它所属的任何链的对象,这样:

var words = {}

words['test'] = [ ['this','is','a','test'], ['this','too','tests','things'] ]

现在,我有一个问题.'constructor'是一个完全有效的单词,但看起来好像你不能像我上面描述的那样映射它,因为'constructor'是JS中每个对象的属性(当然还有其他东西).所以我的问题是:有没有办法构建这张地图？

我想知道是否有可能覆盖tick valuesBootstrap-Slider（发布时最新的v9.7.2），使其成为文本字符串而不是tick值。

在下面的屏幕快照中，刻度值“ 2”出现在滑块上最后一个选择元素的上方。我希望能够代替出现“说”这个词。那可能吗？

这是我的HTML：

<div class="form-group">
  <label class="col-md-4 control-label" for="language_french">French</label>
  <div class="col-md-4">
    <input id="language_french" type="text" data-provide="slider"
      data-slider-ticks="[0, 1, 2]"
      data-slider-min="0"
      data-slider-max="2"
      data-slider-step="1"
      data-slider-value="0"
      data-slider-tooltip="show"
    />
  </div>
</div>

这是我的jQuery / JavaScript：

<script>
  // https://github.com/seiyria/bootstrap-slider
  var slider_002 = new Slider( '#language_french' );
</script>

已对@Seiyria的每个答案进行了修改...但它仅适用于法语实例。没有其他语言实例起作用：

<script>
  // https://github.com/seiyria/bootstrap-slider
  var values = ['None', 'Read', 'Speak'];
  var formatter = (index) => values[index];
  new Slider( '#language_english' );
  new Slider( '#language_french', { formatter } );
  new Slider( '#language_italian', { formatter } );
  new Slider( …