小编bra*_*r19的帖子

在我的应用程序中,我正在使用Google Material Light库.

我不想检查我的输入(直到某些逻辑是正确的),这就是我添加这样的指令的原因:

app.directive('updLink', function () {
    return {
      restrict: 'EA',
        link: function(scope, element) {
          element.bind('click', function(evt) {
            evt = evt || window.event;
            evt.preventDefault();
            evt.stopPropagation();
            evt.returnValue = false;
            return false;
          });
        }
      };
  });

和我的HTML:

  <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="123">
      <input type="checkbox" id="123" class="mdl-checkbox__input"  ng-model="user" upd-link>
  </label>

为什么要阻止这个指令不起作用IE10+？

复选框正在检查(

价值在变化......

是否可以停止任何更改并检查此元素？

plunker:https://plnkr.co/edit/CCQaBOntmQ4eWh0RUJ5Q ？ p = preview

我有这样的指示:

...
template: function(element, attrs) {
    var htmlTemplate = '<div class="start-it" ng-if="isVisible">\
          <p ng-bind-html="\'{{customDynamicText}}\' | translate"></p>\
        </div>';
    return htmlTemplate;
},
...

(你也可以看到我正在使用翻译插件)

并且我有一个问题:在范围内这个值正在改变,但它在指令中没有改变(

当我使用attrs-params(当然,如果customDynamicText是一个静态字符串 - 一切正常) - 但我有一个动态变量 customDynamicText

我如何使用这个动态变量在directive template使用ng-bind-html.

可能吗？

我有我的视图文件夹的这种结构(它们显示logis结构):

所以我在admin子文件夹中有子文件夹,在目录文件夹中我必须子文件夹,制造商等(制造商和其他有控制器的视图,只有目录和是空的)

和rails自动生成我这样的路线:

 namespace :admin do
   namespace :catalogs do
     namespace :to do
       namespace :manufacturers do
         namespace :models do
           namespace :types do
             resources :articles
           end
         end
       end
     end
   end
 end

 namespace :admin do
   namespace :catalogs do
     namespace :to do
       namespace :manufacturers do
         namespace :models do
           resources :types
         end
       end
     end
   end
 end

 namespace :admin do
   namespace :catalogs do
     namespace :to do
       namespace :manufacturers do
         resources :models
       end
     end
   end
 end

 namespace :admin do
   namespace :catalogs do
     namespace :to do
       resources :manufacturers …

我有移动设备的css代码:

@media all and (min-width: 0px) and (max-width: 991px) {...}

我有这样的HTML:

<meta name="viewport" content="width=1024, initial-scale=1" id="viewportMt">

<script>
  window.onload = function () {
    if(screen.width < 970) {
      var vp = document.getElementById('viewportMt');
      vp.setAttribute('content','width=640, initial-scale=1');
    }
  }
</script>

主要的问题是,当我第一次打开我的网站时:在大多数设备上,我必须扩展我的浏览器视图以适应它...

可以自动安装设备吗？例如,如果设备宽度为340:我应该将其缩小一点(因为网站大到340px(它; s min.640px))...如果900:那么缩放...

甚至是ipad(在纵向模式下,因为它的宽度是768px).

有可能吗？

plunker:

https://plnkr.co/edit/5KhIlmtLkWhtROs7y188?p=preview

和演示:

为什么我有滚动条？我需要以某种方式将其缩小,以便我不会在那里有任何滚动条......我的容器应该是640px而没有移动设备的其他值...

我有这样的反应形式:

constructor(...){
  this.form = this.formBuilder.group({
    name: ['', Validators.compose([Validators.required, Validators.maxLength(50)])],
    memes: this.formBuilder.array([
      this.initMemes('TrollFace')
    ])
  });
}

initMemes (name?) {
  return this.formBuilder.group({
    id: [''], name: [name]
  });
}

以后我可以添加更多memes:

addMemes () {
  const control = <FormArray>this.form.controls['memes'];
  control.push(this.initMemes('anyName'));
}

然后,如果我得到表格值我得到:

this.form.controls['memes'].value - 这里我有阵列

但是有一种情况,当我需要this.form.controls['memes'].value将它设置为空数组时,怎么可能呢？

如果我这样设置:

this.form.controls['memes'].setValue([])

我收到了错误: Must supply a value for form control at index: 0.

我做错了什么？

我怎么写,我的代码睡眠时间不是5秒钟,而是直到达到机器上的某个时间.

不是这样的:

sleep(5)

但是像这样:

now = DateTime.Now
while now != "14:40:03"
  sleep(0.5)
end

这怎么回事？

我有应用程序,运行在ubuntu 12.04上,使用nginx +乘客在我的方法中我尝试重建sphinx索引所以:

  def update_sphinx_index
    Rails.application.load_tasks
    Rake::Task['ts:rebuild'].invoke
    redirect_to admin_mainpage_path
  end

我也尝试:

`rake ts:index`

但没有任何事情发生,sphinx指数不会重建.我做错了什么？也许我需要用一些特权或其他东西来做这件事,因为当我做rake ts:在命令终端重建一切都很好,并且索引重建.

在我的应用程序中,我正在使用table和ng-repeat.我正在渲染我的数据,其中一列是在以下帮助下渲染的:

<div class="cell" data-ng-bind-html="article.Content">
</div>

但我有一个问题,如果我有以下内容:

<div class="page-wrap">123</div>

它打破了我的整个风格(因为页面也有页面包装).

渲染html是否真实,但没有渲染样式和CSS风格？如何？

喜欢:

<div>123</div>

我尝试查看show modal窗口.该窗口包含多个范围.但是宽度和高度都有限制.当span内容小于span宽度时:一切正常,我可以看到这个图标.

但是当文字很大时,我看不到这个图标.我没有任何想法,如何在不使用Javascript(jQuery)的情况下在纯CSS上执行此操作.

HTML:

<div class="wrapper">
    <span class="first">First</span>
    <br/>
    <span class="second">Second contain a lot of text. Really long span is here</span>
</div>

CSS:

.wrapper{
    width: 300px;
    height: 500px;
    background: green;
    overflow: hidden;
}

span{
    display: inline-block;
    width: 236px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    padding: 0px;
    margin: 10px 20px;
    padding: 0 16px 0 8px;
    white-space: nowrap;
    overflow: hidden;
    background: #fc0;
    text-overflow: ellipsis;
    border: 1px solid green;
    border-radius: 4px;
}

span:hover{
  border: 1px solid blue;
  cursor: pointer;
}

span:hover::after{
    font: normal …

我有我的代码的例子:

  <div class="container">
    <div class="item n1">Proe Schugaienz</div>
    <div class="item n2">Proe Schugaienz</div>
  </div>

我使用这样的jQuery代码:

$('.item').dotdotdot({
  wrap: 'word',
  fallbackToLetter: false
})

和css:

.item {
  margin: 5px;
  background: red;
  padding: 2px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.n1 {
  width: 8px;
}

.n2 {
  width: 80px;
}

但结果我得到:

结果我想实现这个:

是纯粹的CSS还是dotdotdot.js？如果单词(句子)不匹配它的父级:那么只显示默认的单行文本溢出,如果单词(句子)能够逐字适合父 - 然后匹配它,没有字母连字符!

所以我不希望我的容器被高度扩展(我有很多数据,它只是一个例子,我不能硬编码一些块)

https://plnkr.co/edit/IxS0CReJicRfDdeGpoPo?p=preview