[TeflonDon]

mam sobię funkcję

function TranslateCtrl ($translate, $scope) {

$scope.changeLanguage = function (langKey) {
$translate.use(langKey);
};

};

i chcę $scope zamienić na vm = this;
Robię coś takiego, ale nie działa. Gdzie mam błąd?

function TranslateCtrl ($translate, $scope) {
var vm = this;
vm.changeLanguage = changeLanguage;

function changeLanguage (langKey) {
return translate.use(langKey);
};

};
#javascript #angularjs

[o.....r]

@TeflonDon: translate bez dolara?

[TeflonDon]

z dolarem też nie działa

[bonus]

@TeflonDon: a jakiej wersji angulara używasz?

[TeflonDon]

@bonus: "angular": "^1.4.3",

[bonus]

@TeflonDon: http://toddmotto.com/a-better-way-to-scope-angular-extend-no-more-vm-this/

[Marmite]

@TeflonDon: Co znaczy "nie działa"? Nie możesz jej użyć w widoku? Pamiętałeś, żeby użyć "controllerAs"?

[TeflonDon]

@Marmite: w widoku strony mam 2 ikony, które odpowiadają za zmianę języka. Gdy używam scope wartości, które sobie podałem zmieniają język. Gdy chcę użyć vm po kliknięciu na ikonki nic się nie dzieje. Konsola nie wywala błędów.

[mjurkowski]

@TeflonDon: Przecież jest błąd logiczny :P przypisujesz do vm.changeLanguage funkcję, która jeszcze nie jest zadeklarowana :)

[mjurkowski]

@TeflonDon:

function TranslateCtrl ($translate, $scope) {
var vm = this;

function changeLanguage (langKey) {
return translate.use(langKey);
};

vm.changeLanguage = changeLanguage;

}; 

[Marmite]

@mjurkowski: W JavaScript działa hoisting, przynajmniej dla deklaracji funkcji.

[TeflonDon]

dalej to samo, po kliknięciu nic się nie dzieje

[TeflonDon]

@Marmite: @mjurkowski: @bonus:
cały kod kontrolera

'use strict';

angular.module('translateApp',['pascalprecht.translate'])
.controller('TranslateCtrl', TranslateCtrl);
TranslateCtrl.$inject =['$translate','$scope'];

function TranslateCtrl ($translate, $scope) {
var vm = this;

function changeLanguage (langKey) {
return translate.use(langKey);
};

vm.changeLanguage = changeLanguage;

};

[Marmite]

Konsola nie wywala błędów.

@TeflonDon: Generalnie widoki w Angularze nie rzucają żadnych błędów, co jest ssące bardzo mocno. Ale zapytam jeszcze raz: czy użyłeś controllerAs? Np w taki sposób:
``

[mjurkowski]

@Marmite: działa pod warunkiem, że nie robisz wcześniejszych deklaracji

[TeflonDon]

@Marmite: mam tak

[Marmite]

@mjurkowski: Nie. Lexical declaration environment jest wypełniany deklaracjami funkcji jeszcze przed wykonaniem kodu funkcji. Ten kod:

var x = A;

function A() {}
i ten:

function A() {}

var x = A;
są równoznaczne

[Marmite]

@TeflonDon: Ale nie przypisuj kontrolera osobno do każdego elementu...

[TeflonDon]

@Marmite: wiem, teraz się kapnąłem :D opakowałem te 2 buttony w diva z ng-controller, ale efekt ten sam

[Marmite]

@TeflonDon: No dobra, ale teraz musisz napisać ng-click="translateCtrl.changeLanguage('en')"
Wynika to z tego, że wyrażenia w szablonach są rozwiązywane względem zmiennej $scope. A w twoim scope jest tylko translateCtrl

[TeflonDon]

@Marmite: bez zmian