구문으로 컨트롤러가 컨트롤러의 변수 값을 변경하지 않습니다

Question

처음으로 컨트롤러를 구문으로 구현하려고했는데 내 함수가 템플릿에서 전달하는 컨트롤러 변수를 변경하지 않는 문제에 직면했습니다. 대신 매개 변수를 로컬 변수로 인식합니다. $ scope를 사용하면 이런 일이 발생하지 않습니다.

여기 내 컨트롤러가 있습니다.

angular 
    .module('app') 
    .controller('baseCtrl', baseCtrl); 

    function baseCtrl() { 

    base = this; 
    base.myVar = 'string_1'; 
    base.myFunction = myFunction; 

    function myFunction(value) { 
    value = 'string_2"'; 
    } 
} 

다음은 내 템플릿입니다.

<div ng-controller="baseCtrl as base"> 
    <button ng-click="base.myFunction(base.myVar)">Button</button> 
</div> 

클릭 후 base.myVar가 "string_1"에서 "string_2"로 변경되어야하지만 이는 발생하지 않습니다.

누군가 내가 어떻게 알아낼 수 있는지 알고 있습니까?

Answer 1

base.myVar = "string2" 

이

Answer 2

가 다음과 같이 수행 할 수 있습니다

, 어떻게 당신은이

angular 
 
    .module('app',[]) 
 
    .controller('baseCtrl',function(){ 
 

 
    var base = this; 
 
    base.myVar = 'string_1'; 
 
    base.myFunction = myFunction; 
 
    
 
    
 
    function myFunction(value) { 
 
    value = 'string_2"'; 
 
    base.myVar = value 
 
    alert(value); 
 
    } 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="baseCtrl as base"> 
 
    <input type="text" ng-model="base.myVar"/> 
 
    <button ng-click="base.myFunction(base.myVar)">Button</button> 
 
</div>

Answer 3

코드에 약간의 변화가 할당 해결됩니다 그

base.myVar = 'string"'; 

이 같은 myFunction이있는

및 정의 모듈 응용 프로그램 : -

angular.module('app',[]); 

이 작동합니다 수정 된 코드입니다.

angular 
.module('app', []) 
.controller('baseCtrl', baseCtrl); 

function baseCtrl() { 
    var base = this; 
    base.myVar = 'string_1'; 
    base.myFunction = myFunction; 
    function myFunction(value) { 
     base.myVar = 'string_2"'; 
    } 
} 

Answer 4

나는 결국 무엇이 잘못되었는지 알아 냈습니다. 문제는 내가 통과하는 변수가 원시적이라는 것이다. 해결책은 내 변수를 원시에서 객체로 변경하는 것입니다.

그래서 내 경우에 해결책은 다음과 같습니다

base.myVar = { 
    val: "string_1" 
}; 

function myFunction(value) { 
    value.val = "string_2"; 
};