내가 예를 들어 런타임

에서 각 컨트롤러에 자바 스크립트에서 값을 보낼 수, 난 단지 팝업에 표시됩니다 그 HTML이내가 예를 들어 런타임

<div id="popup1" style="display: none; width: 600px; height: 400px; overflow: hidden"> 
<div ng-controller="DataBindingCtrl"> 



    <div rel="title"> 
     Show or Update Image 
    </div> 
    <div rel="body" style="padding: 10px; line-height: 150%"> 
     <div > 
      <img src="https://upload.wikimedia.org/wikipedia/commons/a/ac/No_image_available.svg" style="float: left; background-color: white; width: 250px; height: 320px; border: 1px solid silver; margin: 5px;"/> 
     </div> 
     <div class="w2ui-field w2ui-span3"> 
      <label>Files:</label> 
      <div> 
       <form class ="form-horizontal"> 
        <input id="file" style="width: 100px" />{{selBookId}} 
        <input id="currentRecord" type="text" ng-model="currentRecordText" ng-model-instant> 
        {{currentRecordText}} {{idRec}} 
       </form> 
      </div> 
     </div> 
    </div> 

    @*<div rel="buttons"> 
     <button class="btn" onclick="$('#popup2').w2popup()">Switch to Popup 2</button> 
    </div>*@ 
</div>

내가 에 대한 idRec을 값을 설정할 때 사용자가 팝업 창 버튼을 클릭합니다.

이것이 가능하며 적절한 방법은 무엇입니까?

출처

2016-09-21 Alexander

당신이 그것의 각도와 jQuery를 사용하여 필요할 때마다'NG-model'이 idRec' – Rajesh

'가리키는 숨겨진 텍스트 필드를 가질 수 있습니다 추측 지시어에 jQuery를 넣는 것이 가장 좋습니다. 그런 다음 뷰에서 원하는 매개 변수를 지시문에 전달하고 jQuery 코드와 함께 사용할 수 있습니다. – Lex

jsfiddle를 제공 할 수 있습니까? –

범위 변수를 jQuery 함수에서 변경한다고 가정했습니다.

다음과 같이 Angular 컨트롤러에서 jQuery 함수를 사용할 수 있습니다.

app.controller('AppCtrl', function($scope) { 
    $('.popupCall').on('click', function(){ 
     $scope.idRec= "newValue"; 
     $scope.$apply(); 
     $('#popup2').w2popup(); 
    }); 
} 

<button class="btn popupCall">Switch to Popup 2</button>

출처

2016-09-21 13:58:18

감사합니다 - 당신 말이 맞아요, 당신이 나에게 적절한 방법을 줘! – Alexander

그러나 - 내가 이해 한대로 angularjs 컨트롤러 내부에 데이터를 보낼 방법이 없습니다. 어떤 변형도없이 컨트롤러 몸체에서 요격 이벤트가 필요합니다. – Alexander

jquery 이벤트에서 각도 함수를 호출하고 값을 전달하려면 angle.element로 시도해보고 google로 시도하십시오. –

범위에서 컨트롤러에 기능을 추가 할 수 있습니다.

DataBindingCtrl

$scope.idRec = ''; 
$scope.updateIdRec = function() { 
    $scope.idRec= "newValue";  
    $('#popup2').w2popup(); 
};

HTML

<button class="btn" ng-click="updateIdRec()">Switch to Popup 2</button>

출처

2016-09-21 14:25:09 Passersby

내가 예를 들어 런타임

답변

관련 문제