再次更新:我正在通过选择最佳答案来结束这个问题,以防止人们在没有真正理解问题的情况下添加答案.实际上,没有使用网格或添加额外的CSS,无法使用内置功能.如果您正在处理help-block需要超出简短输入的元素,但是它们是"内置",则网格不能很好地工作.如果这是一个问题,我建议使用额外的CSS课程,你可以在这里的BS3讨论中找到.现在BS4已经出局了,可以使用包含的大小调整样式来管理它,这样就不会有更长的时间了.感谢所有人对这个流行的SO问题的良好意见.
更新:这个问题仍然存在,因为它是关于BS中的内置功能来管理输入宽度而不依赖于网格(有时它们必须独立管理).我已经使用自定义类来管理这个,所以这不是基本css的操作方法.该任务在BS 功能讨论列表中,尚未得到解决.
原始问题: 有人想出办法管理BS 3的输入宽度吗？我目前正在使用一些自定义类来添加该功能,但我可能错过了一些未记录的选项.
当前的文档说使用.col-lg-x但显然不起作用,因为它只能应用于容器div,然后导致各种布局/浮动问题.
这是一个小提琴.奇怪的是,在小提琴上我甚至无法让形式组调整大小.
<form role="form" class="row">
<div class="form-group col-lg-1">
<label for="code">Name</label>
<input type="text" class="form-control">
</div>
<div class="form-group col-lg-1 ">
<label for="code">Email</label>
<input type="text" class="form-control input-normal">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
我很好奇在我的主模式中使用子文档与更深层的优缺点:
var subDoc = new Schema({
name: String
});
var mainDoc = new Schema({
names: [subDoc]
});
要么
var mainDoc = new Schema({
names: [{
name: String
}]
});
我现在到处都在使用subdocs,但我主要想知道性能或查询我可能会遇到的问题.
我正在尝试处理ng-repeat循环中的范围问题 - 我浏览了很多问题,但还没有完全能够让我的代码工作.
控制器代码:
function Ctrl($scope) {
$scope.lines = [{text: 'res1'}, {text:'res2'}];
}
视图:
<div ng-app>
<div ng-controller="Ctrl">
<div ng-repeat="line in lines">
<div class="preview">{{text}}{{$index}}</div>
</div>
<div ng-repeat="line in lines">
<-- typing here should auto update it's preview above -->
<input value="{{line.text}}" ng-model="text{{$index}}"/>
<!-- many other fields here that will also affect the preview -->
</div>
</div>
</div>
这是一个小提琴:http://jsfiddle.net/cyberwombat/zqTah/
基本上我有一个对象(它是一个传单生成器),它包含多行文本.每行文本都可以由用户调整(文本,字体,大小,颜色等),我想为它创建预览.上面的示例仅显示输入文本的输入字段,我希望自动/按类型更新预览div,但会有更多控件.
我也不确定我的循环索引是否正确 - 是否是在循环中创建ng-model名称的最佳方法？
我有一些测试 - 即Supertest - 加载我的Express应用程序.这个应用程序创建一个Mongoose连接.我想知道如何从我的测试中检查该连接的状态.
在app.js
mongoose.connect(...)
在test.js中
console.log(mongoose.connection.readyState);
如何访问app.js连接？如果我在test.js中使用相同的参数进行连接,那么会创建一个新连接还是查找现有连接？
我正在返回一个Mongoose文档,并希望在我发送之前添加一些元数据.然而,我无法添加任何属性,我不知道为什么.我已经检查过它是可扩展的Object.isExtensible(doc),它是.
Item.findById(req.params.id).exec(function(err, doc) {
doc.blah = 'hello';
console.log(doc); // No trace of 'blah'. I can change/delete existing props however
})
可能有什么问题？
我有一个带有ng-view(管理面板)的设置,可以让我显示订单.我在ng-view之外有一个搜索框,我想用它来修改我的json请求.我已经看过一些关于访问标题等帖子的帖子,但却无法让它们工作 - 也许已经过时了.
主要应用程序:
angular.module('myApp', ['myApp.controllers', 'myApp.filters', 'myApp.services', 'myApp.directives', 'ui.bootstrap']).
config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$routeProvider.
when('/', {
templateUrl: '/partials/order/manage.html',
controller: 'ManageOrderCtrl'
}).
when('/order/:id', {
templateUrl: '/partials/order/view.html',
controller: 'ViewOrderCtrl'
}).
otherwise({
redirectTo: '/'
});
$locationProvider.html5Mode(true);
}]);
管理控制器:
angular.module('myApp.controllers', [])
.controller('ManageOrderCtrl', ['$scope', '$http', '$dialog', 'config', 'Page', function($scope, $http, $dialog, config, Page) {
// would like to have search value from input #search available here
var getData = function() {
$http.get('/orders').
success(function(data, status, headers, config) {
$scope.orders = data.orders;
});
};
getData(); …我想读一个远程图像并显示它.我可以保存文件但不能正确显示代码.理想情况下,我只想在不进行处理的情况下正确传递文件 - 不确定是否需要tmp文件步骤.此代码不显示任何内容 - 没有错误.我也尝试了res.pipe(响应).
var url = 'http://proxy.boxresizer.com/convert?resize=50x50&source=' + filename
var request = http.get(url, function(response) {
var tmp = path.join(require('os').tmpDir(), filename);
var outstream = require('fs').createWriteStream(tmp);
response.pipe(outstream);
response.on('end', function() {
res.set('Content-Type', 'image/jpg');
res.pipe(outstream);
res.end();
});
});
在Javascript中,如何将字符串作为数组转换为与PHP(数组)相同的方式.
//PHP
$array = (array)"string"
基本上我有一个变量,可以是一个数组或一个字符串,如果是一个字符串,我想使用内联命令使它成为一个数组.
我有一个令人困惑的奇怪问题.我有一个模特:
var Model = new Schema({
name: String,
variations: Array
});
变体条目如下所示:
[ {code: '', price: '' }, {code: '', price: '' }]
我需要添加一个新字段 - 比如"color".所以我这样做是批量更新:
Model.find().exec(function(err, products) {
if (!err) {
products.forEach(function(p) {
for(var i = p.variations.length - 1; i >= 0; i--) {
p.variations[i]['color'] = 'red';
// This shows all existing variations
// with the new color feed - correct
console.log(p.variations[i]);
}
p.save(function(err) {
if (!err) {
console.log("Success");
} else {
console.log(err);
}
});
});
}
});
但是,"颜色"字段未设置 …
我试图从模态控制器(Plunkr)访问表单,但myForm似乎不可访问.如何获得工作警报:
angular.module('plunker', ['ui.bootstrap']);
var ModalDemoCtrl = function ($scope, $modal, $log) {
$scope.open = function () {
var modalInstance = $modal.open({
templateUrl: 'myModalContent.html',
controller: ModalInstanceCtrl
});
};
};
var ModalInstanceCtrl = function ($scope, $modalInstance) {
$scope.submit = function() {
// How to get this?
alert($scope.myForm.$dirty);
};
$scope.ok = function () {
$modalInstance.close();
};
$scope.cancel = function () {
$modalInstance.dismiss('cancel');
};
};
和模板:
<div ng-controller="ModalDemoCtrl">
<script type="text/ng-template" id="myModalContent.html">
<div class="modal-header">
<h3>I'm a modal!</h3>
</div>
<div class="modal-body">
<form name="myForm" novalidate>
<input …