有关angularjs中ng-repeat循环中ng-model的问题
我是angularjs的入门选手,现在在项目中遇见这样的一个问题 在angularjs中ng-repeat循环一个表单内容, 产生的多个表单内都使用相同名字的ng-model内容,根据angular的双向数据绑定的原因 改一个内容就会更新全部的,我想知道有没有好的解决方案。请各位大牛们给予解答。
循环代码
这是输入后的效果
回复内容:
我是angularjs的入门选手,现在在项目中遇见这样的一个问题 在angularjs中ng-repeat循环一个表单内容, 产生的多个表单内都使用相同名字的ng-model内容,根据angular的双向数据绑定的原因 改一个内容就会更新全部的,我想知道有没有好的解决方案。请各位大牛们给予解答。
循环代码
这是输入后的效果
Texeure是在全局scope下面的,而repeat里面有自己的scope,这个scope“继承”全局的scope。
input的model应该使用repeat里的scope有效的变量。
你可以这样写
<code><div ng-init="Texture = [{value : '牙膏',price : 10},{value : '牙刷',price : 1}]"> <div ng-repeat="item in Texture"> {{item.value}}:{{item.price}} <input type="text" ng-model="item.price"> </div> </div> </code>
不会的,ng-repeat
会对每个数组生成一个$$hashKey
,会定位到每个数组,所以改一个不会更新全部

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제









이번 장에서는 CakePHP의 환경 변수, 일반 구성, 데이터베이스 구성, 이메일 구성에 대해 알아봅니다.

PHP 8.4는 상당한 양의 기능 중단 및 제거를 통해 몇 가지 새로운 기능, 보안 개선 및 성능 개선을 제공합니다. 이 가이드에서는 Ubuntu, Debian 또는 해당 파생 제품에서 PHP 8.4를 설치하거나 PHP 8.4로 업그레이드하는 방법을 설명합니다.

CakePHP에서 데이터베이스 작업은 매우 쉽습니다. 이번 장에서는 CRUD(생성, 읽기, 업데이트, 삭제) 작업을 이해하겠습니다.

CakePHP는 PHP용 오픈 소스 프레임워크입니다. 이는 애플리케이션을 훨씬 쉽게 개발, 배포 및 유지 관리할 수 있도록 하기 위한 것입니다. CakePHP는 강력하고 이해하기 쉬운 MVC와 유사한 아키텍처를 기반으로 합니다. 모델, 뷰 및 컨트롤러 gu
