1. 程式人生 > >【AngularJS】過濾陣列中的子集(每一個子項都過濾)

【AngularJS】過濾陣列中的子集(每一個子項都過濾)


說白了就是filter+repeat;

原始碼:

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp"ng-controller="namesCtrl">
<p>輸入過濾</p>
<p><input type="text" ng-model
="test"></p>

<ul>
<li ng-repeat="x in names| filter:test | orderBy:'country'">
{{(x.name|uppercase)+','+x.country}}
</li>
</ul>
</div>


<script src="http://www.runoob.com/try/demo_source/namesController.js"></script>

</body>

注意:

① ng-repeat=" x in  陣列":是重複的格式,表示陣列中的每一項都重複,一直到完畢;一般結合<ul><li></li></ul>標籤使用

| filter 條件:是過濾器格式,

③ | orderBy:'country':表示按照過濾條件排序,過濾的欄位用單引號引入;

相關推薦

AngularJS過濾陣列子集一個子項過濾

說白了就是filter+repeat; 原始碼: <!DOCTYPE html> <html> <head> <meta charset="utf-8"&

numpy新版本numpynumpy>1.17.0的random模組

numpy是Python中經常要使用的一個庫,而其中的random模組經常用來生成一些陣列,本文接下來將介紹numpy中random模組的一些使用方法。 首先檢視numpy的版本: import numpy numpy.__version__ '1.18.2' numpy獲得隨機數有兩種方式: 結合B

LeetCode215. 陣列的第K個最大元素 結題報告 (C++)

原題地址:https://leetcode-cn.com/problems/kth-largest-element-in-an-array/submissions/ 題目描述: 在未排序的陣列中找到第 k 個最大的元素。請注意,你需要找的是陣列排序後的第 k 個最大的元素,而不是第 k 個不

Leetcode刪除陣列的重複項

Leetcode 題目要求 給定一個排序陣列,你需要在原地刪除重複出現的元素,使每個元素最多出現兩次,返回移除後陣列的新長度 不要使用額外的陣列空間,你必須在原地修改輸入陣列並在O(1)額外空間的條件下完成 示例1.給定 nums = [1,1,1,2,2,3] 函

LeetCode215. 陣列的第K個最大元素

題目描述 在未排序的陣列中找到第 k 個最大的元素。請注意,你需要找的是陣列排序後的第 k 個最大的元素,而不是第 k 個不同的元素。 示例 輸入: [3,2,1,5,6,4] 和 k = 2 輸出:

leetcode刪除陣列指定要求的重複的數字

1. 給定一個數組和一個值,刪除該值的所有例項,並返回新長度。 不要為另一個數組分配額外的空間,您必須使用常量記憶體來進行此操作。 元素的順序可以改變。 Given an array and a v

C++陣列唯一出現兩次的數

題:假設你有一個用1001個整陣列成的陣列,這些整數是任意排列的,但是你知道所有的整數都在1到1000(包括1000)之間。此外,除一個數字出現兩次外,其他所有數字只出現一次。假設你只能對這個陣列

演算法陣列某兩個數的和為目標值

給定一個整型陣列和一個目標值,如果陣列中某兩個數相加等於目標值,請返回這兩個數的下標。 Example: Given nums = [2, 7, 11, 15], target = 9, Because nums[0] + nums[1] = 2 + 7

C 指向陣列的指標陣列指標行指標

本博文內容參考:《C 和 指標》 本博文解決兩個問題,一是如何訪問二維陣列的行,以及元素;二是如何定義指向陣列的指標以及如何賦值等。 很簡單,快速記錄! 先給出一個案例,判斷下面這兩個宣告以及賦值合法嗎? int vector[10], *vp = vector;

PythonPython發送郵件常見四種郵件內容

.cn .com pytho html 常見 body gpo 詳細 tle 感謝:夢琪小生的《【轉】【Python】Python發送郵件(常見四種郵件內容)》 裏面詳細介紹了Python中發送郵件的方法,以供自己參考【轉】【Python】Python發送郵件(常見四種郵件

BZOJ1415NOI2005聰聰和可可動態規劃,數學期望

數學期望 class ios char for problem lin vector noi 【BZOJ1415】【NOI2005】聰聰和可可(動態規劃,數學期望) 題面 BZOJ 題解 先預處理出當可可在某個點,聰聰在某個點時 聰聰會往哪裏走 然後記憶化搜索一下就好了 #

SPOJNUMOFPAL - Number of PalindromesManacher,回文樹

spa cstring stream char define tdi () .so code 【SPOJ】NUMOFPAL - Number of Palindromes(Manacher,回文樹) 題面 洛谷 求一個串中包含幾個回文串 題解 Manacher傻逼題 只是用

BZOJ5299CQOI2018解鎖屏幕動態規劃,狀態壓縮

++ src 規劃 希望 getch cstring online androi 形狀 【BZOJ5299】【CQOI2018】解鎖屏幕(動態規劃,狀態壓縮) 題面 BZOJ 洛谷 Description 使用過Android手機的同學一定對手勢解鎖屏幕不陌生。Androi

CF613DKingdom and its Cities虛樹,動態規劃

-c www. AI gis IE long long als space gist 【CF613D】Kingdom and its Cities(虛樹,動態規劃) 題面 洛谷 CF 翻譯洛谷上有啦 題解 每次構建虛樹,首先特判無解,也就是關鍵點中存在父子關系。 考慮\(d

BZOJ2437NOI2011兔兔與蛋蛋博弈論,二分圖匹配

路徑 gis 空格 都是 tps 找不到 oid AR 中移動 【BZOJ2437】【NOI2011】兔兔與蛋蛋(博弈論,二分圖匹配) 題面 BZOJ 題解 考慮一下暴力吧。 對於每個狀態,無非就是要考慮它是否是必勝狀態 這個直接用\(dfs\)爆搜即可。 這樣子對於每一次

POJ2373 Dividing the Path單調隊列優化dp

space eof span AC pty 其中 get else href 題目 傳送門:QWQ 分析 聽說是水題,但還是沒想出來。 $ dp[i] $為$ [1,i] $的需要的噴頭數量。 那麽$ dp[i]=min(dp[j])+1 $其中$

BZOJ1998[HNOI2010]物品調度並查集,模擬

turn show else int 維護 sin size problem pro 【BZOJ1998】[HNOI2010]物品調度(並查集,模擬) 題面 BZOJ,為啥這題都是權限題啊? 洛谷 題解 先不管\(0\)位置是個空,把它也看成一個箱子。那麽最終的答案顯然和置

BZOJ1106POI2007立方體大作戰tet樹狀數組+貪心

pac bits += ace 存在 一個數 個數 scan lowbit 貪心策略:每加入一個數,如果之前已經存在它了,就直接交換 因此我們需要維護距離 就用樹狀數組好了 註意是2n #include<bits/stdc++.h> #define N 1000

ZOJ1108FatMouse's Speed最長下降子序列

http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemCode=1108 FatMouse's Speed Time Limit: 2 Seconds      Memo

7C++進階系列類的繼承與派生

1、繼承的概念 繼承:在儲存原有類的屬性和功能的基礎上,擴充套件新的功能。 開發類庫的團隊和使用類庫的團隊很可能不是一個,有些東西是不能訪問的。 繼承和派生是同一個問題的不同視角: 保持已有類的特性而構建新類的過程成為繼承;在已有類的基礎上新增自己的特性而產生新類的過程叫做派生。