我刚刚开始和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/.
任何帮助将非常感激!
我编写了一个函数,它可能会将未知数量的函数作为参数,但是当一个或多个函数也采用参数时,无法确定如何使其工作.
这是我想要实现的一个简单示例:
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) 我正在尝试创建一个具有多个行和列的网格.我希望他们都使用flexbox具有相同的高度,但我唯一能得到的是一行上相同大小的列.
这是我正在尝试做的一个例子:http://jsbin.com/maxavahesa/1/edit?html,css,output
在这个例子中,我希望我<li>的所有高度都相同,这意味着最大项目的高度(在我的例子中,这将是最后一个<li>).有可能用flexbox实现吗?
angularjs ×1
callback ×1
css ×1
filter ×1
flexbox ×1
grid ×1
height ×1
javascript ×1
parameters ×1
unique ×1