Javascript Onsen-对话框中的按钮不工作
我正在用onsen ui制作一个cordova应用程序。我创建了一个对话，就像onsen网站告诉我的那样 对话框中的按钮不起作用 questlistapp.jsJavascript Onsen-对话框中的按钮不工作,javascript,angularjs,cordova,onsen-ui,Javascript,Angularjs,Cordova,Onsen Ui,我正在用onsen ui制作一个cordova应用程序。我创建了一个对话，就像onsen网站告诉我的那样 对话框中的按钮不起作用 questlistapp.js var questlistmodule = angular.module('qntrquest', ['onsen']); var collobraTem = null; questlistmodule.controller('listCtrl', function($scope, $http){ $http.defaults.he
var questlistmodule = angular.module('qntrquest', ['onsen']);
var collobraTem = null;
questlistmodule.controller('listCtrl', function($scope, $http){
$http.defaults.headers.post = {'Content-Type':'application/json'};
$scope.init = function(){
var api_key = "Z******"
var url = "http://**********";
var id = 1;
$http.post(url, {apikey: api_key.toString(), id: id.toString()}).
success(function(data, status, headers, config){
$scope.items = data;
}).
error(function(data, status, headers, config){
alert("error: "+data);
});
};
$scope.foo = function(id){
//$scope.items[index]'ile verileri alıp diğer ekrana geçireceğimiz için index numarası bize gerekiyor.
var index = $scope.findIndex(id);
collobraTem = $scope.items[index];
$scope.navi.pushPage('questdetail.html', {item: $scope.items[index]});
};
$scope.findIndex = function(aimId){
var index = 0;
var itemId = $scope.items[index].id;
while(itemId != aimId){
index++;
itemId = $scope.items[index].id;
}
return index;
};
});
questlistmodule.controller('detailCtrl', function($scope, $http){
$scope.item = collobraTem;
$scope.dialogs = {};
/**
* Camera veya galeri için hangisinin seçileceğine dair dialog
*/
$scope.showdialog = function(dlg){
if (!$scope.dialogs[dlg]) {
ons.createDialog(dlg).then(function(dialog) {
$scope.dialogs[dlg] = dialog;
dialog.show();
});
}
else {
$scope.dialogs[dlg].show();
}
};
$scope.useCamera = function(){
console.log("camera in use");
navigator.camera.getPicture(function(){
alert("done");
}, function(message){
console.log("failed because "+message);
}, { quality: 50,
destinationType: Camera.DestinationType.FILE_URI });
};
$scope.useGallery = function(){
alert("gallery");
};
});
questlistmodule.controller('cameradialogCtrl', function($scope, $http){
$scope.useCamera = function(){
console.log("camera in use");
navigator.camera.getPicture(function(){
alert("done");
}, function(message){
console.log("failed because "+message);
}, { quality: 50,
destinationType: Camera.DestinationType.FILE_URI });
};
$scope.useGallery = function(){
alert("gallery");
};
});
<!doctype html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="lib/onsen/css/onsenui.css">
<link rel="stylesheet" href="lib/onsen/css/onsen-css-components-blue-basic-theme.css">
<script src="lib/onsen/js/angular/angular.js"></script>
<script src="lib/onsen/js/onsenui.js"></script>
<style>
.page--shop-details__content {
position: absolute;
left: 0px;
right: 0px;
top: 0px !important;
bottom: 0px;
}
.card {
background-color: white;
background-image: url(item.logo);
background-repeat: no-repeat;
background-size: cover;
color: white;
height: 250px;
}
.card-toolbar ons-back-button span {
color: white;
}
.card-name {
font-weight: 600;
font-size: 20px;
padding: 66px 0 8px 0;
text-align: center;
}
.card-desc {
font-size: 14px;
font-weight: 400;
opacity: 0.9;
text-align: center;
line-height: 1.4;
}
.rating {
text-align: center;
position: relative;
height: 0px;
}
.rating-num {
position: relative;
top: -24px;
height: 24px;
color: white;
line-height: 24px;
font-size: 12px;
font-weight: 600;
text-align: center;
border-radius: 4px 4px 0 0;
padding: 0 6px;
background-color: #eb482f;
color: white;
width: auto;
margin: 0 auto 0 auto;
display: inline-block;
}
.rating-num ons-icon {
font-size: 11px;
vertical-align: -0px;
}
.action-col {
text-align: center;
opacity: 0.4;
padding: 10px 0 8px;
}
.action-col:active {
opacity: 0.7;
}
.action-col ons-button {
padding: 0;
line-height: 1;
}
.action-icon {
padding: 0 0 4px 0;
}
.action-icon ons-icon {
font-size: 28px;
}
.action-label {
font-size: 12px;
}
.prop-desc {
font-size: 14px;
opacity: 0.7;
}
.prop-desc ons-icon {
font-size: 14px;
vertical-align: -0px;
opacity: 0.5;
}
</style>
</head>
<body>
<ons-page modifier="shop-details" ng-controller='detailCtrl'>
<ons-toolbar>
<div class="left"><ons-back-button>Back</ons-back-button></div>
<div class="center">{{item.name}}</div>
</ons-toolbar>
<div class="card" style="background-image:url({{item.logo}})">
<div class="card-name">{{item.name}}</div>
<div class="card-desc">{{item.description}}</div>
</div>
<div class="rating"><div class="rating-num">
Ready?
</div></div>
<ons-list style="border-top: none"><ons-list-item style="line-height: 1; padding: 0;">
<ons-row class="action">
<ons-col class="action-col" ng-click="showdialog('cameradialog.html')">
<div class="action-icon"><ons-icon icon="ion-arrow-up-a"></ons-icon></div>
<div class="action-label">Qentured!</div>
</ons-col>
<ons-col class="action-col">
<div class="action-icon"><ons-icon icon="ion-bookmark"></ons-icon></div>
<div class="action-label">Add to Wishlist</div>
</ons-col>
<ons-col class="action-col">
<div class="action-icon"><ons-icon icon="ion-share"></ons-icon></div>
<div class="action-label">Share</div>
</ons-col>
</ons-row>
</ons-list-item></ons-list>
<ons-template id="cameradialog.html" ng-controller="cameradialogCtrl">
<ons-dialog var="dialog" cancelable>
<ons-list>
<ons-list-item modifier="tappable">
<ons-button modifier="large--quiet" ng-click="useCamera()">Camera</ons-button>
</ons-list-item>
<ons-list-item modifier="tappable">
<ons-button modifier="large--quiet" ng-click="useGallery()">Gallery</ons-button>
</ons-list-item>
</ons-list>
</ons-dialog>
</ons-template>
</ons-page>
</body>
</html>
.页--店铺详细信息\u内容{
位置：绝对位置；
左：0px；
右：0px；
顶部：0px！重要；
底部：0px；
}
.卡片{
背景色：白色；
背景图片：url（item.logo）；
背景重复：无重复；
背景尺寸：封面；
颜色：白色；
高度：250px；
}
.card工具栏上的返回按钮跨度{
颜色：白色；
}
.卡名{
字号：600；
字体大小：20px；
填充：66px 0 8px 0；
文本对齐：居中；
}
.卡片说明{
字体大小：14px；
字体大小：400；
不透明度：0.9；
文本对齐：居中；
线高：1.4；
}
.评级{
文本对齐：居中；
位置：相对位置；
高度：0px；
}
.rating num{
位置：相对位置；
顶部：-24px；
高度：24px；
颜色：白色；
线高：24px；
字体大小：12px；
字号：600；
文本对齐：居中；
边界半径：4px4p0；
填充：0 6px；
背景色：#eb482f；
颜色：白色；
宽度：自动；
边距：0自动0自动；
显示：内联块；
}
.额定值数字图标{
字体大小：11px；
垂直对齐：-0px；
}
.行动上校{
文本对齐：居中；
不透明度：0.4；
填充：10px 0 8px；
}
.行动：主动{
不透明度：0.7；
}
.行动按钮{
填充：0；
线高：1；
}
.动作图标{
填充：0 4px 0；
}
.action图标和ons图标{
字号：28px；
}
.行动标签{
字体大小：12px；
}
.道具说明{
字体大小：14px；
不透明度：0.7；
}
.道具说明图标{
字体大小：14px；
垂直对齐：-0px；
不透明度：0.5；
}
返回
{{item.name}
{{item.name}
{{item.description}
准备好的
Qentured！
添加到愿望列表
分享
摄像机
画廊
我只是想使用useCamera（）函数。我认为问题在于您试图访问
useCamera（）useCamera（）parentScopeons.createDialog（）ons.createDialog('dialog.html', {parentScope: $scope});
我想这会解决你的问题。父控制器和子控制器都包含
useCamera