Проблема с угловым dropmenu

Question

Я пытаюсь передать информацию из меню drop в var и не знаю следующего шага.

Jsfiddle

var myApp = angular.module('myApp', []); 

var nextVXPLevelValue = 260; 
var currentLevel = 10; 

var VXP = [2.41, 2.50, 1.80, 1.56, 1.43, 1.35, 1.30, 1.26, 1.23, 1.20, 1.1, 1.17, 1.16, 1.14, 1.13, 1.13, 1.12, 1.11, 1.11, 1.10, 1.10, 1.09, 1.09, 1.08, 1.08]; 
var i; 
var vxpResult = []; 
var iResult = []; 

for (i = 0 + (currentLevel + 1); i < VXP.length; i++) { 
    nextVXPLevelValue *= VXP[i]; 
    vxpResult.push(Math.floor(nextVXPLevelValue)); 
    iResult.push(i + 1); 
} 


function MyCtrl($scope) { 
    $scope.level = iResult; 
    $scope.vxp = vxpResult; 
} 

function TheController($scope) { 

    $scope.Levels = [ 
     {LevelId : 50, LevelName : '--Select Level--'}, 
     {LevelId : 0, LevelName : 'Level 0' },   
     {LevelId : 1, LevelName : 'Level 1' }, 
     {LevelId : 2, LevelName : 'Level 2' }, 
     {LevelId : 3, LevelName : 'Level 3' },   
     {LevelId : 4, LevelName : 'Level 4' }, 
     {LevelId : 5, LevelName : 'Level 5' }, 
     {LevelId : 6, LevelName : 'Level 6' }, 
     {LevelId : 7, LevelName : 'Level 7' }, 
     {LevelId : 8, LevelName : 'Level 8' },   
     {LevelId : 9, LevelName : 'Level 9' }, 
     {LevelId : 10, LevelName : 'Level 10' }, 
     {LevelId : 11, LevelName : 'Level 11' }, 
     {LevelId : 12, LevelName : 'Level 12' }, 
     {LevelId : 13, LevelName : 'Level 13' },   
     {LevelId : 14, LevelName : 'Level 14' }, 
     {LevelId : 15, LevelName : 'Level 15' }, 
     {LevelId : 16, LevelName : 'Level 16' }, 
     {LevelId : 17, LevelName : 'Level 17' }, 
     {LevelId : 18, LevelName : 'Level 18' },   
     {LevelId : 19, LevelName : 'Level 19' }, 
     {LevelId : 20, LevelName : 'Level 20' }, 
     {LevelId : 21, LevelName : 'Level 21' }, 
     {LevelId : 22, LevelName : 'Level 22' }, 
     {LevelId : 23, LevelName : 'Level 23' },   
     {LevelId : 24, LevelName : 'Level 24' }, 
     {LevelId : 25, LevelName : 'Level 25' }, 
    ]; 

    $scope.LevelId =50; 

} 

Это, насколько я получил, но я хочу, чтобы в настоящее время изменить вручную

уаг currentLevel = 10;

быть результатом меню перетаскивания, которое у меня есть. может кто-нибудь помочь с этим, пожалуйста,

Answer 1

Пример кода: http://jsfiddle.net/024ucmtL/1/

Переместить код все в один контроллер. Затем выставить currentLevel на свой $ объем $scope.currentLevel = 10

Вы можете связать нг-модель селектов элемента в currentLevel и использовать $ часы на $ scope.currentLevel, чтобы наблюдать за его изменить. Обработайте и обновите переменную $ scope.vxp в любое время с помощью параметра $ scope.currentLevel.

$scope.$watch('currentLevel', function(newValue, oldValue) { 
    // your vxp calculations here. This code should set $scope.vxp at the end. 
}); 

Answer 2

использование ng-change знать всякий раз, когда изменяется значение выпадающий и вручную обновить переменную нон области действия currentLevel внутри него. See the updated fiddle here.