angular ng-repeat ข้ามรายการหากตรงกับนิพจน์

ฉันกำลังมองหาวิธีที่จะบอกพื้นเชิงมุมที่จะข้ามรายการใน ng ซ้ำว่าตรงกับการแสดงออกโดยทั่วไปcontinue;

ในตัวควบคุม:

$scope.players = [{
    name_key:'FirstPerson', first_name:'First', last_name:'Person'
}, {
    name_key:'SecondPerson', first_name:'Second', last_name:'Person'
}]

name_key='FirstPerson'ตอนนี้ในแม่แบบของฉันฉันต้องการที่จะแสดงให้ทุกคนที่ไม่ตรงกับ ฉันคิดว่ามันต้องเป็นตัวกรองดังนั้นฉันจึงตั้งค่า Plunkr เพื่อเล่นกับมัน แต่ไม่มีโชคเลย Plunkr พยายาม

ตามที่@Maxim Shoustinแนะนำวิธีที่ดีที่สุดในการบรรลุสิ่งที่คุณต้องการคือการใช้ตัวกรองแบบกำหนดเอง
แต่มีวิธีอื่นอีกวิธีหนึ่งคือการใช้ng-ifคำสั่งกับองค์ประกอบเดียวกันคือคุณวางng-repeatคำสั่ง (เช่นกันนี่คือplunker ):

<ul>
    <li ng-repeat="player in players" ng-if="player.name_key!='FirstPerson'"></li>
</ul>

สิ่งนี้อาจทำให้เกิดข้อเสียเล็กน้อยจากมุมมองเชิงสุนทรีย์ แต่มีข้อได้เปรียบที่สำคัญคือการกรองของคุณอาจเป็นไปตามกฎที่ไม่รวมกับplayersอาร์เรย์อย่างแน่นหนาและสามารถเข้าถึงข้อมูลอื่น ๆ ในขอบเขตของแอปของคุณได้อย่างง่ายดาย:

  <li 
      ng-repeat="player in players" 
      ng-if="app.loggedIn && player.name != user.name"
  ></li>

อัปเดต
ตามที่ระบุไว้นี่เป็นหนึ่งในวิธีแก้ปัญหาประเภทนี้และอาจตรงกับความต้องการของคุณ
ตามที่ระบุไว้ในความคิดเห็นng-ifเป็นคำสั่งซึ่งจริงๆแล้วหมายความว่าอาจทำสิ่งต่างๆในเบื้องหลังมากกว่าที่คุณคาดหวัง
ตัวอย่างเช่นng-if สร้างขอบเขตใหม่จากระดับบนสุด :

ขอบเขตที่สร้างขึ้นภายใน ngIf สืบทอดมาจากขอบเขตพาเรนต์โดยใช้การสืบทอดโปรโตไทป์

โดยปกติจะไม่ส่งผลกระทบต่อพฤติกรรมปกติ แต่เพื่อป้องกันกรณีที่ไม่คาดคิดคุณควรคำนึงถึงสิ่งนี้ก่อนที่จะดำเนินการ

ฉันรู้ว่านี่เป็นรุ่นเก่า แต่ในกรณีที่มีคนมองหาวิธีแก้ปัญหาอื่นที่เป็นไปได้นี่เป็นอีกวิธีหนึ่งในการแก้ปัญหานี้ - ใช้ฟังก์ชันตัวกรองมาตรฐาน:

วัตถุ:สามารถใช้วัตถุรูปแบบเพื่อกรองคุณสมบัติเฉพาะของวัตถุที่อยู่ในอาร์เรย์ ตัวอย่างเช่นเพรดิเคต {name: "M", phone: "1"} จะส่งคืนอาร์เรย์ของรายการที่มีชื่อคุณสมบัติประกอบด้วย "M" และโทรศัพท์คุณสมบัติที่มี "1" ... เพรดิเคตสามารถลบล้างได้โดยนำหน้าสตริงด้วย! ตัวอย่างเช่นเพรดิเคต {name: "! M"} จะส่งคืนอาร์เรย์ของรายการที่มีชื่อคุณสมบัติที่ไม่มี "M"

ดังนั้นสำหรับตัวอย่าง TS สิ่งนี้ควรทำ:

<ul>
    <li ng-repeat="player in players | filter: { name_key: '!FirstPerson' }"></li>
</ul>

ไม่จำเป็นต้องเขียนฟิลเตอร์ที่กำหนดเองไม่จำเป็นต้องใช้ng-ifกับขอบเขตใหม่

คุณสามารถใช้กำหนดเองng-repeatกรองเมื่อคุณใช้ สิ่งที่ต้องการ:

 data-ng-repeat="player in players |  myfilter:search.name

myfilter.js:

app.filter('myfilter', function() {


   return function( items, name) {
    var filtered = [];

    angular.forEach(items, function(item) {

      if(name == undefined || name == ''){
        filtered.push(item);
        }

      /* only if you want start With*/
      // else if(item.name_key.substring(0, name.length) !== name){
      //   filtered.push(item);
      // }

      /* if you want contains*/
      // else if(item.name_key.indexOf(name) < 0 ){
      //   filtered.push(item);
      // }

       /* if you want match full name*/
       else if(item.name_key !== name ){
        filtered.push(item);
      }
    });

    return filtered;
  };
});

การสาธิต Plunker