meanjs スタックを使用してプロジェクトを構築しています。セレクターをブートストラップが提供するもののように見せるために見つけたAngular libを使用したいと考えています。
https://github.com/joaoneto/angular-bootstrap-select (これはライブラリです)
bower.json に追加しましたが、public/lib フォルダー内に正しくインストールされています。その後、構成にbootstrap-select.jsと一緒に含めました。
/rootFolder/config/env/all.js:
'use strict';
module.exports = {
app: {
title: 'MyProject',
description: 'my project description',
keywords: 'MongoDB, Express, AngularJS, Node.js'
},
port: process.env.PORT || 3000,
templateEngine: 'swig',
sessionSecret: 'MEAN',
sessionCollection: 'sessions',
assets: {
lib: {
css: [
'public/lib/bootstrap/dist/css/bootstrap.css',
'public/lib/bootstrap/dist/css/bootstrap-theme.css',
],
js: [
'public/lib/angular/angular.js',
'public/lib/angular-resource/angular-resource.js',
'public/lib/angular-cookies/angular-cookies.js',
'public/lib/angular-animate/angular-animate.js',
'public/lib/angular-touch/angular-touch.js',
'public/lib/angular-sanitize/angular-sanitize.js',
'public/lib/angular-ui-router/release/angular-ui-router.js',
'public/lib/angular-ui-utils/ui-utils.js',
'public/lib/angular-bootstrap/ui-bootstrap-tpls.js',
'public/lib/bootstrap-select/bootstrap-select.js',
'public/lib/angular-bootstrap-select/build/angular-bootstrap-select.js'
]
},
css: [
'public/modules/**/css/*.css',
'public/dist/css/*.css'
],
js: [
'public/config.js',
'public/application.js',
'public/modules/*/*.js',
'public/modules/*/*[!tests]*/*.js'
],
tests: [
'public/lib/angular-mocks/angular-mocks.js',
'public/modules/*/tests/*.js'
]
}
};
次のエラーが表示されます: Uncaught TypeError: Cannot read property 'expr' of undefined
ライブラリ内に入ると、ここでエラーが発生します:
$.expr[':'].icontains = function(obj, index, meta) {
return $(obj).text().toUpperCase().indexOf(meta[3].toUpperCase()) >= 0;
};
どんな助けでも大歓迎ですありがとう!