細かいアップローダー用の角度コントローラーがあります。ファイル テンプレートをカスタマイズして、テキスト入力にファイル名が表示されるようにしたいと思いました。また、ブートストラップを使用しているので、成功、エラー、またはアラートで入力の検証状態を更新したかっただけです。
これが私のコントローラーです:
app.controller('templateBuilderUpload', function ($scope, $rootScope, $routeParams, $location, api) {
var manualuploader = $('#manual-fine-uploader').fineUploader({
request: {
endpoint: 'api/Template/UploadFile'
},
autoUpload: false,
text: {
uploadButton: '<input type="submit" value="Browse" class="btn btn-mini span2">'
},
validation: {
allowedExtensions: ['pdf', 'doc', 'docx', 'tif', 'tiff']
},
multiple: false
})
manualuploader.on('complete', function(id, name, response, xhr) {
//Pull out the id, and redirect to /build/
if (typeof xhr.newTemplates != 'undefined') {
var template = xhr.newTemplates[0];
//Save Template Name
template.Name = $scope.templateName;
api.post('/api/Template/Save/', template, function() {
//Redirect
$location.path('/templateBuilder/build/' + template.Id);
$scope.safeApply();
});
}
});
$scope.errors = [];
$scope.triggerUpload = function() {
manualuploader.fineUploader('uploadStoredFiles');
}
});
fileTemplate:
目的のhtmlを追加してから含めようとしました。それは成功しておらず、実際には何も表示されません。template
ただし、機能します。
また、入力の検証状態を更新する方法がわかりません。