小编Ron*_*nan的帖子

Angular中的select和ng-repeat问题

我刚刚开始和Angular一起玩,而我在这里很难理解某些事情.我想建立一个属于不同类别的产品列表.有些产品属于同一类别,如下所示:

$scope.products = [
  {'name': 'Product 1', 'cat':'Cat 1'},
  {'name': 'Product 2', 'cat':'Cat 2'},
  {'name': 'Product 3', 'cat':'Cat 2'},
  {'name': 'Product 4', 'cat':'Cat 3'},
  {'name': 'Product 5', 'cat':'Cat 3'},
  {'name': 'Product 6', 'cat':'Cat 2'},
];
Run Code Online (Sandbox Code Playgroud)

<select>由于AngularUI的独特过滤器,我能够创建一个合并相同类别以避免重复的类别.这是代码:

<select ng-model="query" ng-options="c.cat for c in products | unique:'cat'">
    <option value="0">Default</option>
</select>

<ul>
    <li ng-repeat="c in products | filter:query">
        {{c.name}}
    </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我想根据我选择的类别在列表中显示结果.但是当我尝试这样做时,列表中返回的唯一产品将是该类别中的第一个产品.我用我的问题创建了一个小提琴:http://jsfiddle.net/F7Hvq/3/.

任何帮助将非常感激!

unique filter angularjs angularjs-ng-repeat

4
推荐指数
1
解决办法
1938
查看次数

在回调中使用带参数的函数

我编写了一个函数,它可能会将未知数量的函数作为参数,但是当一个或多个函数也采用参数时,无法确定如何使其工作.

这是我想要实现的一个简单示例:

function talk(name) {
  console.log('My name is ' + name);
  var callbacks = [].slice.call(arguments, 1);
  callbacks.forEach(function(callback) {
    callback();
  });
}

function hello() {
  console.log('Hello guys');
}

function weather(meteo) {
  console.log('The weather is ' + meteo);
}

function goodbye() {
  console.log('Goodbye');
}

// I would like to be able to do the following:
//talk('John', hello, weather('sunny'), goodbye);
Run Code Online (Sandbox Code Playgroud)

javascript parameters callback

4
推荐指数
1
解决办法
51
查看次数

使用flexbox的具有相同高度的元素的多线网格

我正在尝试创建一个具有多个行和列的网格.我希望他们都使用flexbox具有相同的高度,但我唯一能得到的是一行上相同大小的列.

这是我正在尝试做的一个例子:http://jsbin.com/maxavahesa/1/edit?html,css,output

在这个例子中,我希望我<li>的所有高度都相同,这意味着最大项目的高度(在我的例子中,这将是最后一个<li>).有可能用flexbox实现吗?

css grid height flexbox

2
推荐指数
1
解决办法
1312
查看次数