小编Sak*_*man的帖子

我们可以使用@Input 作为传递输入道具或数据。我们还可以使用<ng-content>将大量 html 转储到子组件中。有没有办法将html作为输入传递。像@Input html1、@Input html2，在子类组件中使用？

假设我在子类中有这个 html：

<div class='wrapper'>
  <div class="content1 exclusive-css-defined-to-this-component">
     <div>{$content1}</div>
  </div>
  <div class="content2 exclusive-css-defined-to-this-component-2">
    <div>{$content2}</div>
  </div>
</div>

我想通过 $content1 & $content2 作为输入。

虽然这听起来像是一个愚蠢的问题，但有时有必要显示页码（以及最后一页）。在基于游标的分页中计算总行数并计算页码（通过提供页面查询以返回特定页面）的最佳方法是什么？所有这些都可以在单个查询中实现吗？

流行的例子：谷歌使用基于光标的分页和行数在谷歌搜索中显示页码。

开放/封闭原则规定类对于修改是封闭的，但对于扩展是开放的。假设我们想要设计一个支付系统，其中支付可以由多个处理器处理，如下所示：

    class Payment {
        void pay(paymentMethod) {
            switch (paymentMethod) {
               case 'PayPal':
               break;
               case 'Swift':
               break;
               default:
               break;
            }
        }
    }

    class PayPal {
        void pay() {
               //implement payment1
        }
    }

    class Swift {
        void pay() {
               //implement payment2
        }
    }

假设我们是第一次实施这两种支付系统。现在如果由于某种原因任何支付系统的实现过程发生了变化，我们是不是应该修改相关的类？例如，如果我们实现PayPal，2-3年后PayPal的工作流程发生了变化，修改PayPal类是否会破坏开放/封闭原则？如果解决的话有什么解决办法？

当选择一个列表项然后将其悬停并显示一个弹出框时，以下操作有效。但是，当我尝试从list标记中删除popover数据属性时，所有标记都将删除，但popover不会被删除。如何删除弹出窗口，以便在未选择项目时不显示弹出窗口？

/* Latest compiled and minified JavaScript included as External Resource */
// Checked list box items

$(function() {
  $('.list-group.checked-list-box .list-group-item').each(function() {



    // Settings
    var $widget = $(this),
      $checkbox = $('<input type="checkbox" class="hidden" />'),
      color = ($widget.data('color') ? $widget.data('color') : "primary"),
      style = ($widget.data('style') == "button" ? "btn-" : "list-group-item-"),
      settings = {
        on: {
          icon: 'glyphicon glyphicon-check'
        },
        off: {
          icon: 'glyphicon glyphicon-unchecked'
        }
      };

    $widget.css('cursor', 'pointer')
    $widget.append($checkbox);

    // Event Handlers
    $widget.on('click', function() {
      $checkbox.prop('checked', !$checkbox.is(':checked'));
      $checkbox.triggerHandler('change');
      updateDisplay();
    }); …

为了制作可定制的组件，我应该怎么做才能将组件作为道具传递给另一个组件。

我有一个标头组件，可以根据当前页面的操作对其进行自定义。

例如，对于自动完成搜索，我可能具有以下标头组件：

在另一种情况下，对于旅行搜索结果，我可能具有这样的标头组件：

我想构建一个组件，该组件将接受一个组件作为道具并将其呈现给当前组件。以本机方式做到这一点的最佳方法是什么？