小编mur*_*308的帖子

我正在使用Select2 jQuery插件.

https://select2.github.io/供参考

当我使用多个下拉选项时.所选项目的结果在框中显示为标签,但我只想显示所选项目的数量.

是否可以使用Select2 jQuery插件

HTML

<select multiple style="width:100%">
  <option value="1">Name1</option>
  <option value="2">Name2</option>
  <option value="3">Name3</option>
  <option value="4">Name4</option>
  <option value="5">Name5</option>
  <option value="6">Name6</option>
  <option value="7">Name7</option>
</select>

JS

$('select').select2();

我想要输出如下

而不是像输出的标签.

工作小提琴的例子

我创建了一个具有两个值的自定义指令.第一个是配置对象,第二个是数据对象.我在我的指令中修改了这个配置和数据对象,这反映在父范围内.当我不得不多次使用指令时,这会导致错误.

我跟着https://umur.io/angularjs-directives-using-isolated-scope-with-attributes/,我正在使用隔离范围.

我想在隔离范围内为对象提供单向数据绑定.无论我在指令函数中改变什么,它都不应该反映在父范围内.

以下是指令范围.

scope: {
    config: "&config",
    dataObj: "&dataObj"
}

这是我如何在指令的link函数中访问它

var config = scope.config();
var dataObj= scope.dataObj();

我假设通过引用传递发生在这里.

我正在添加JSbin.检查控制台对象的值是否正在改变并反映在父范围内.

https://jsbin.com/vagowe/edit?html,js,output

我正在我的应用程序中实现ember-engine.我正在使用ember-simple-auth插件进行身份验证.它适用于主要的应用程序路线.

我使用addon提供的mixin扩展受保护的路由.

// app/routes/protected.js
import AuthenticatedRouteMixin from 'ember-simple-auth/mixins/authenticated-route-mixin';

export default Ember.Route.extend(AuthenticatedRouteMixin);

现在我创建了一个用户引擎.它有用户列表和其他一些东西.我希望用户只有在经过身份验证后才能访问此页面.在主应用程序路由中,我可以使用mixin扩展路由,如果用户未经过身份验证,它将重定向到登录路由.但同样的事情不适用于用户引擎路由.

有关如何使用Ember引擎实现Ember-simple-auth的任何想法？

参考: -

Ember引擎 - https://github.com/ember-engines/ember-engines

Ember simple auth - https://github.com/simplabs/ember-simple-auth

编辑-

//lib/users-engine/routes/edit.js
import AuthenticatedRouteMixin from 'ember-simple-auth/mixins/authenticated-route-mixin';
export default Ember.Route.extend(AuthenticatedRouteMixin);

我试图像上面那样扩展引擎路线.

我在本地机器上为postgres创建了一个docker卷.

docker create volume postgres-data

然后我使用了这个卷并运行了一个docker.

docker run -it -v postgres-data:/var/lib/postgresql/9.6/main postgres

之后我做了一些数据库操作,这些操作自动存储在postgres数据中.现在我想将该卷从本地计算机复制到另一台远程计算机.怎么做同样的.

注 - 数据库大小非常大

我有图像列表.我想在使用CSS的第二个图像之后放置一个换行符.我使用了下面列出的CSS技巧,但它不适用于内联块元素.它仅适用于显示内联元素

适用于内联元素的代码.

HTML

<div>
    <a href="#">Dummy Link</a>
    <a href="#">Dummy Link</a>
    <a href="#">Dummy Link</a>
    <a href="#">Dummy Link</a>
</div>
<div>
    <img src="http://placehold.it/50X50" />
    <img src="http://placehold.it/50X50" />
    <img src="http://placehold.it/50X50" />
    <img src="http://placehold.it/50X50" />
</div>

CSS

a:nth-of-type(2):after
{
    white-space: pre;content:'\A';
}
img:nth-of-type(2):after
{
    white-space: pre;content:'\A';
} 

如果我使用img元素,默认显示为:inine-block.上面的CSS不起作用.

例如,检查下面的小提琴

http://jsfiddle.net/murli2308/dD52z/1/

如果有任何办法,请告诉我

注意 - 我无法更改HTML结构,因为它来自数据库.

我有一个customer模型和一个product模型

客户模型

import DS from 'ember-data';
export default DS.Model.extend({
    type: DS.attr('string'),
    name: DS.attr('string'),
    product: DS.hasMany('product')
});

产品型号

import DS from 'ember-data';
export default DS.Model.extend({
    type: DS.attr('string'),
    name: DS.attr('string'),
    customer: DS.belongsTo('customer')
});

我将所有客户加载model()到 route.js 的钩子中，如下所示

model() {
    customers: this.store.findAll('customer'),
}

所以到目前为止我拥有客户的所有记录。

然后使用findRecord方法我将特定产品加载为

this.store.findRecord('product', productId);

我把这种对click一个的button发言权查找产品，这是写在controller.js

现在当我在模板中写成

{{product.customer.name}}

它发送一个获取请求来加载已经加载的客户。我想停止该请求，我该怎么做？

据我所知

当我们已经有了记录时，store.findRecord 将立即使用缓存数据解析，但会在后台发送请求以更新记录，一旦记录更新，您的模板将显示新的更改。

我想停止那个请求。

我正在使用下面的示例。

HTML-

<div id="chart-holder"></div>

CSS-

.chart-holder {
   position: relative;
   font-family: Helvetica, sans-serif;
}

.chart-tip {
   display: none;
   position: absolute;
   min-width: 70px;
   top: 0px;
   left: 0px;
   padding: 3px 5px;
   background: rgba(0, 0, 0, 0.8);
   color: #fff;
   font-size: .8em;
   text-shadow: none;
   text-align: center;
   z-index: 10500;
   border-radius: 3px;
}

.v {
   display: block;
   font-size: 1.2em;
 }

path {
   stroke: #0da9c0;
   stroke-width: 2;
   fill: none;
}

path.domain {
   stroke: #aaa;
   stroke-width: 1;
}

line {
   stroke: #aaa;
}

text {
    font-family: Arial;
    font-size: 9pt; …

我正在通过传递值以在模板中显示的路由模板属性创建emberjs组件。但是我无法通过对象的括号符号在组件模板中访问它。

//route.hbs
{{b-select 
    options=model.names
    valueProp='name'
}}

模型

import Ember from 'ember';

export default Ember.Route.extend({
    model() {
        return Ember.RSVP.hash({
            names: [{name: 'abc'}, {name: 'xyz'}]
        });
    }

});

组件B-选择HBS文件

<select class="form-control" multiple={{multiple}}>
  {{#each options as |option|}}
    <option value="{{option}}">{{option[valueProp]}}</option>
  {{/each}}
</select>

如果我使用它option.name而不是option[valueProp]完美的作品。我如何动态地通过属性选择？为什么括号表示法不起作用

组件JS文件

import Ember from 'ember';
import fallbackIfUndefined from '../utils/computed-fallback-if-undefined';

export default Ember.Component.extend({
    multiple: fallbackIfUndefined(false),
    options: fallbackIfUndefined(null),
    valueProp: fallbackIfUndefined(0),
    actions: {

    },
    didInsertElement() {
        //initialize jquery functions
        this.$('select').selectpicker({size: 6});
    },
    willDestroyElement() {
        //remove all events
    }
});

我得到的错误是 …

我正在使用海市蜃楼来创建虚假数据。

场景/default.js

export default function(server) {
  server.createList('product', 48);
  server.loadFixtures();
}

上面我正在创建 48 个产品，我正在调用控制器

this.store.query('product', {
                filter: {
                    limit: 10,
                    offset: 0
                }
            }).then((result) => {
                console.log(result);
            });

并在海市蜃楼/config.js

this.get('/products', function(db) {
    let products = db.products;
    return {
      data: products.map(attrs => ({
        type: 'product',
        id: attrs.id,
        attributes: attrs
      }))
    };
  });

现在我的问题是，如何每页加载 10 个产品？我将过滤器 10 作为页面大小发送，偏移量表示页码。

应该对 config.js 进行哪些更改以仅加载有限的产品？