AngularJS에서 다른 값을 어떻게 초기화 할 수 있습니까?

tajihiro

아래와 같이 msg1과 msg2 값을 바인딩하려고했습니다. 제대로 작동합니다. 입력 텍스트 값 msg1을 변경하면 msg2는 msg1과 동일한 값을 변경합니다.

자바 스크립트

var BindController = function($scope){
    $scope.msg1;
    $scope.msg2;
    $scope.msgChange = function(){
        $scope.msg2 = $scope.msg1;
    };
};

그러면 ng-init = "123"으로 msg1을 초기화하게되며 couse msg2 값은 변경되지 않습니다.

HTML

<div ng-controller="bindController">
  <input type="text"
     ng-init="msg1=123"
     ng-model="msg1"
     ng-change="msgChange()">
  <input type="text" ng-model="msg2">
</div>

msg1과 msg2를 초기화하면 초기화 될 때 동일한 값을 유지하려면 어떻게해야합니까? 또는 msg1을 초기화 할 때 msgChange () 함수를 어떻게 호출 할 수 있습니까?

tajihiro

나는 그것이 효과가 있다는 것을 알았다. 그래도 좋은 해결책인지 모르겠습니다. init 함수를 추가 한 다음 ng-init에서 값을 초기화하고 함수를 호출합니다.

자바 스크립트

var BindController = function($scope){
    $scope.msg1;
    $scope.msg2;
    $scope.init = function(){
        $scope.msgChange();
    };

    $scope.msgChange = function(){
        $scope.msg2 = $scope.msg1;
    };
};

HTML

<div ng-controller="bindController">
  <input type="text"
     ng-init="msg1=123;init();"
     ng-model="msg1"
     ng-change="msgChange()">
  <input type="text" ng-model="msg2">
</div>

ng-init에서 함수를 호출 할 수 있는지 몰랐습니다. 지금은 예상대로 작동합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

SwiftUI에서 다시보기를 어떻게 초기화 할 수 있습니까?

C ++에서 다른 파일의 값으로 무순 맵을 안전하게 초기화 할 수 있습니까?

typescript에서 다차원 배열을 어떻게 초기화 할 수 있습니까?

SwiftUI에서 ForEach를 다시 초기화하는 것을 어떻게 방지 할 수 있습니까?

AngularJS의 드롭 다운 상자에서 선택 기본값을 어떻게 설정할 수 있습니까?

다른 모델의 컨트롤러 작업에서 한 모델을 어떻게 초기화 할 수 있습니까?

새 pyqt 창을 어떻게 초기화 할 수 있습니까?

다른 키에 따라 키 값을 어떻게 추출 할 수 있습니까?

두 개의 다른 클래스에서 초기화 할 수있는 변수를 어떻게 정의 할 수 있습니까?

함수에서 초기화된 목록을 어떻게 참조할 수 있습니까? (파이썬)

C ++에서 모든 값이 0 인 벡터를 어떻게 초기화 할 수 있습니까?

주식이 초기화 될 때 값을 사용할 수 있도록 Excel에서 매개 변수 배열을 어떻게 읽을 수 있습니까?

Hilt dagger에서 Singleton 구성 요소를 어떻게 다시 초기화할 수 있습니까?

배열에서 문자열 벡터를 초기화 할 수 있습니까? 그렇다면 어떻게?

키가 객체 인 파이썬에서 사전을 어떻게 초기화 할 수 있습니까?

Swift에서 일반적인 가변 배열을 어떻게 초기화 할 수 있습니까?

Java에서 길이가 0 인 문자열 배열을 어떻게 초기화 할 수 있습니까?

func viewDidLoad에서 스토리 보드의 UILabel을 어떻게 초기화 할 수 있습니까?

새 뷰를 만들 때 뷰 모델에서 속성을 어떻게 초기화 할 수 있습니까?

DAL 프로젝트에서 맵을 어떻게 초기화 할 수 있습니까?

Substrate 블록 체인에서 사용자의 잔액을 어떻게 초기화 할 수 있습니까?

항목 / 값이있는 LinkedList를 어떻게 초기화 할 수 있습니까?

xlimit와 axis-x의 크기가 다른 matplotlib에서 서브 플롯을 어떻게 할 수 있습니까?

다른 목록을 만들기 위해 어떻게 Elixir에서 목록을 반복할 수 있습니까?

다른 명령 처리기에서 명령 처리기 호출을 어떻게 모의 할 수 있습니까?

javascript / html에서 다른 값이 변경된 경우 값 배열을 어떻게 변경할 수 있습니까?

Julia에서 고차 텐서를 어떻게 초기화 할 수 있습니까?

AngularJS에서 키업 기능을 어떻게 확인할 수 있습니까?

React의 다른 함수에서 componentDidMount에 값을 어떻게 설정할 수 있습니까?

TOP 리스트

  1. 1

    JSoup javax.net.ssl.SSLHandshakeException : <url>과 일치하는 주체 대체 DNS 이름이 없습니다.

  2. 2

    상황에 맞는 메뉴 색상

  3. 3

    java.lang.UnsatisfiedLinkError : 지정된 모듈을 찾을 수 없습니다

  4. 4

    SMTPException : 전송 연결에서 데이터를 읽을 수 없음 : net_io_connectionclosed

  5. 5

    std :: regex의 일관성없는 동작

  6. 6

    Ionic 2 로더가 적시에 표시되지 않음

  7. 7

    JNDI를 사용하여 Spring Boot에서 다중 데이터 소스 구성

  8. 8

    정점 셰이더에서 카메라에서 개체까지의 XY 거리

  9. 9

    Xcode10 유효성 검사 : 이미지에 투명성이 없지만 여전히 수락되지 않습니까?

  10. 10

    Android Kotlin은 다른 활동에서 함수를 호출합니다.

  11. 11

    SQL Server-현명한 데이터 문제 받기

  12. 12

    Windows cmd를 통해 Anaconda 환경에서 Python 스크립트 실행

  13. 13

    rclone으로 원격 디렉토리의 모든 파일을 삭제하는 방법은 무엇입니까?

  14. 14

    내 페이지 번호의 서식을 어떻게 지정합니까?

  15. 15

    Cassandra에서 버전이 지정된 계층의 효율적인 모델링

  16. 16

    Quickly 프로그램과 함께 작동하도록 Eclipse를 어떻게 설정할 수 있습니까?

  17. 17

    인코더없이 Azure 미디어 서비스 비디오 트림

  18. 18

    WSL 및 Ubuntu, 초기화 파일 이동 방법

  19. 19

    OpenCV에서. C ++ 컴파일러는 간단한 테스트 프로그램을 컴파일 할 수 없습니다. Clang ++ 사용

  20. 20

    마우스 휠 JQuery 이벤트 핸들러에 대한 방향 가져 오기

  21. 21

    ViewModel에서 UI 요소를 비동 시적으로 업데이트하는 방법

뜨겁다태그

보관