コントローラ範囲外のng-ifからjavascript関数を呼び出す方法AngularJS

普通のjavascript関数display(str)をng-ifにコールしたいと思います。この機能は、あなたがこのようなあなたのapp.runモジュールにグローバル関数を作ることができ、コントローラコントローラ範囲外のng-ifからjavascript関数を呼び出す方法AngularJS

HTML

<body ng-app="myApp"> 
    <div id="mycntrl" ng-controller="mainController"> 
     <select id="selectid1" name="selectid1" ng-model="angularselect"> 
     <option ng-value=""></option> 
     <option ng-value="val1">Value 1</option> 
     <option ng-value="val2">Value 2</option> 
     </select> Value : {{angularselect}} 
    <div ng-if="display(angularselect) === true"> 
    <p> 
     Returned true 
    </p> 
    </div> 
    </div> 
</body>

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

myApp.controller('mainController',function($scope){ 

}); 

function display(str) 
{ 
    console.log('Javascript function called with argument '+str); 
    return true; 
}

FIDDLE

出典

2016-08-11 Nishant123

の範囲外です。

myApp.run(function($rootScope){ 
     $rootScope.display = function(str) { 
      console.log('Javascript function called with argument '+str); 
      return true; 
     } 
    })

と、このようにHTMLコードでそれを使用する：ここ

<div ng-if="$root.display(angularselect) === true">

あなたが角度のアプリケーションでグローバル変数にアクセスするために$windowオブジェクトを利用することができますフィドル JsFiddle

出典

2016-08-11 06:14:04

です。

参考：https://docs.angularjs.org/api/ng/service/$window

フィドル：https://jsfiddle.net/7kLr89cc/4/

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

myApp.controller('mainController',function($scope,$window){ 
    $scope.displayHere = function(str){ 
     return $window.display(str); 
    }; 
}); 

function display(str) 
{ 
    console.log('Javascript function called with argument '+str); 
    return str; 
}

出典

2016-08-11 06:44:21

両者が同じファイル内にある場合は、スコープを使用して表示方法を割り当てることができます。

例 -

myApp.controller('mainController',function($scope){ 
$scope.display = display; 
});

出典

2016-08-11 06:58:11

コントローラ範囲外のng-ifからjavascript関数を呼び出す方法AngularJS

答えて

関連する問題