小编Nic*_*ico的帖子

我有以下HTML结构:

<div>
  <h2>Candy jelly-o jelly beans gummies lollipop</h2>
  <p>
    Cupcake ipsum dolor sit amet. Sugar plum liquorice dragée oat cake cupcake.
  </p>
  <p>
    Candy tiramisu bonbon toffee. Croissant pudding ice cream soufflé pastry toffee  chocolate bar. Tiramisu wypas tootsie roll icing fruitcake oat cake icing soufflé tiramisu. 
  </p>
  <h2>Dessert pie cake</h2>
  <ul>
    <li>liquorice</li>
    <li>powder</li>
    <li>dessert</li>
  </ul>
  <h2>Chupa chups sweet dragée</h2>
  <p>
    Chocolate cake biscuit pie jelly-o chocolate bar. Marshmallow topping sugar plum apple pie brownie cotton candy dragée lemon drops. …

我正在编写我的第一个应用程序,我正在尝试创建一个存储一些信息的地图.

我正在使用ECLIPSE并且我一直收到相同的错误,但我已经使用Googled(实际上是DuckDuckGo-ed)并在StackOverflow中搜索而我找不到错误...所以我非常想来这里.

正确导入库(因为ADT会这样做),我猜测Oracle文档是可以的,所以...... 为什么它不起作用？

我的意思是,这两种方法都不能将Key-Value对插入到地图中.

在查看错误时,有趣的部分就出现了.

第一个说__CODE__
第二个说__CODE__

我开始有点绝望,我无法使代码更简单!非常感谢你!

我这里有一个非常有趣的问题.
我想同时针对两个条件的目标,但我找不到方法

<div class='redLink'>
    <!-- ... ... ... -->
        <a href='#'>Link</a>
    <!-- ... ... ... -->
</div>


<div>
    <!-- ... ... ... -->
        <a href='#' class='redLink'>Link</a>
    <!-- ... ... ... -->
</div>

[*:not(.redLink) a] AND [* a:not(.redLink)] {
    color:green; 
    /* i.e., color NOT red */
}

但是,操作数,只是一个OR(并且,当它与一个条件不匹配时,它与另一个条件匹配......!).
我唯一AND能找到的就是逻辑连接div#myDivId.someClass,虽然我想要的是类似的东西[div#myDiv a].[div.someClass a]

我的目标是仅针对那些<a/>没有班级.redLink且没有.redLink班级父母的锚.

而且,非常重要的是,我唯一想要的目标是最终的锚点,而不是整个div或整个element.redLink......

谢谢!

看看*ngIf的源代码:

@Input()
  set ngIf(condition: any) {
    if (condition && !this._hasView) {
      this._hasView = true;
      this._viewContainer.createEmbeddedView(this._template);
    } else if (!condition && this._hasView) {
      this._hasView = false;
      this._viewContainer.clear();
    }
  }

我可以使用下面的组件:

@Component({})
class MyComponent{

     constructor ( 
              public _template : TemplateRef,
              public _viewContainer : ViewContainerRef) {
    }

   onSomeButtonClick(condition){
       if(condition){
          removeMyView();
       }else{
          putTheViewBackIfItsRemoved();
        }
   }
}

试图ngIf在组件内部使用逻辑不起作用,我认为这是因为组件的viewContainerRef是空的

编辑:

只是提到我不是要隐藏视图,想要从DOM中删除它.

换句话说,我们可以像ngIf的主机元素吗？我知道你不能在主机上发出指令,这就是为什么我认为可能使用ViewContainer和TemplateRef你可以达到同样的目的.

另一件事是,在使用Angular并创建动态组件之后,我现在唯一的方法是使用ViewContainerRef在DOM中创建一个新组件,但我的重要问题是,Angular本身是否以相同的方式创建组件？

如果是的话,我们不能以某种方式访问​​容纳组件的容器吗？

对于那些刚刚开始学习Angular并希望在这里有所帮助的人(感谢你),我应该说我真诚地知道如何在我的模板中使用ngIf:

我现在知道什么是ngIf以及它做了什么:

但是:

 <div *ngIf="condition"></div>

不是我的意思,只是因为这可能会删除我的模板中的内容,我必须将所有内容包装在div中以使其工作,这不是我想要的.

我想在内部使用ngIfing清除模板.

更新:

要澄清一下:

换句话说,就像在主机上有一个ngIf:

@Component({

  host:{
    '*ngIf':'shouldBeRemoved'
  }
})
class MyComponent{ …

我有一个text元素列表，希望在拖动新元素时自动将列表滚动到底部。

一旦我拖放列表中的元素一次，下面的示例就可以正常工作。

我相信我需要observable在拖动之前调用一次。

我正在使用dragula和dom-autoscrolling。

import {takeUntil} from "rxjs/internal/operators/takeUntil";
import * as autoScroll from 'dom-autoscroller';

const drake = this.dragulaService.find(this.dragulaBagName);
this.dragulaService.drag.pipe(
  takeUntil(this.destroyed$),
).subscribe(([bag, movingEl, containerEl]) => {
  autoScroll(containerEl.parentNode, {
    margin: 20,
    pixels: 10,
    scrollWhenOutside: true,
    autoScroll: function () {
      return this.down && drake && drake.drake && drake.drake.dragging;
    }
  });
});

显然，this.down在回调中autoScroll中设置为false......一旦拖放一次，它就可以正常工作。

有任何想法吗？

这是我的代码:

$(val1).mouseleave(function () {
    flag = false;
    $(val3 + "," + val4).mouseenter(function () {

        flag = true;
        //alert(flag);

    });
    if (flag == true) {
        //alert("if"+flag);
        $(".big" + i + j + "boxer").show();
        $(".big" + i + "box").show();
        $(".big" + i + "box").append('<div class="opacity" style="background-color:rgba(00,00,00,0.77);position:absolute;top:0;right:0;left:0;bottom:0;"></div>')
        $(".small" + i + "box").append('<div class="opacity" style="background-color:rgba(00,00,00,0.77);position:absolute;top:0;right:0;left:0;bottom:0;"></div>')

    } else {
        //alert("else"+flag);
        $('.opacity').remove();
        $(val2).hide();
        $(val3).show();

    }
});

这不符合flag = true条件.如果我alert在内$(val1).mouseleave(function(){});,它表明 flag = true; 但是当我在外面发出警报时$(val1).mouseleave(function(){});,它会显示出来flag = false. …