0
각도 앱이 있습니다. 내 응용 프로그램에서 잘 작동하는 콤보 상자를 만들었습니다. 내 종속 목록에서 선택할 수 있습니다 -> dependedQuestions.각도 js의 외부 파일
<div class="dependedQuestion customizedSelect">
<select class="T14" ng-model="selectedQuestion.selectedDependedQuestion" ng-options="question.number for question in dependedQuestions"></select>
</div>
나는 popup.js라는 외부 파일을 만들었습니다. 이 파일에서 jquery UI 대화 상자를 호출합니다.
기능 :
function dialogWithTwoButtonsComboboxAndTextbox(message,title,callbackOnOK, callbackOnCancel){
var htmlString = "<div id=\"modalConfirm\" title=\""+title+"\">" +
"<div class=\"questionnaireAttributesBlockDialog\">" +
"<div class=\"questionInformation\">" +
"<div class=\"dependencyInstruction questionnaireLabels bold oronCondMFMediumA\"> dependencies</div>" +
"<div class=\"chooseDependedQuestion\">"+
"<div class=\"dependencyQuestionLabel marginLeft1 oronCondMFMediumA fontSize16Px\">שאלה:</div>"+
"<div class=\"dependedQuestion customizedSelect\">"+
"<select class=\"dependedQuestionCombobox fontSize16 oronCondMFMediumA T14\" name=\"typeValidation\" ng-model=\"selectedQuestion.selectedDependedQuestion\" ng-options=\"question.number for question in dependedQuestions\" ng-blur=\"createDependencyOnlyIfTextboxFilled()\"></select>" +
"</div>" +
"<div class=\"chooseDependedQuestion\">"+
"<div class=\"dependencyQuestionLabel oronCondMFMediumA fontSize16Px\">answer</div>"+
"<input type=\"text\" id=\"optionalValuesForAnswer\" ng-model=\"selectedQuestion.optionalValuesForDependedQuestion\"/>" +
"</div>" +
"</div>" +
"</div>" +
"</div>" +
"</div>" +
"</div>";
defineDialogPopUp(htmlString, message,title, callbackOnOK, callbackOnCancel);
}
기능 defineDialogPopUp :
function defineDialogPopUp(htmlString,message,title, callbackOnOK, callbackOnCancel){
var dialogButtons = {};
var approveButtonText = messageToUser.dialogOkButton;
var cancelButtonText = messageToUser.dialogCancelButton;
dialogButtons[cancelButtonText] = { text: cancelButtonText,
class:'btnCancel btnDialog',
click:function() {
if (callbackOnCancel != null)
callbackOnCancel();
$(this).dialog("destroy");
}
}
dialogButtons[approveButtonText] = { text: approveButtonText,
class:'btnApprove btnDialog',
click:function() {
callbackOnOK();
$(this).dialog("destroy");
}
};
$(htmlString).dialog({
height: 300,
width: 500,
modal: true,
resizable: false,
buttons:dialogButtons
});
}
문제는이 표시하지만, 콤보 상자가 작동하지 않는다는 것입니다. 각도가 없기 때문에 나는 생각한다. 무엇을 할 수 있습니까? 나는 사용자에게 대화를 열어야 함을 상기시킨다.