我正在尝试跨控制器共享数据.用例是一种多步形式,在一个输入中输入的数据稍后用于原始控制器外的多个显示位置.下面的代码和jsfiddle这里.
HTML
<div ng-controller="FirstCtrl">
<input type="text" ng-model="FirstName"><!-- Input entered here -->
<br>Input is : <strong>{{FirstName}}</strong><!-- Successfully updates here -->
</div>
<hr>
<div ng-controller="SecondCtrl">
Input should also be here: {{FirstName}}<!-- How do I automatically updated it here? -->
</div>
JS
// declare the app with no dependencies
var myApp = angular.module('myApp', []);
// make a factory to share data between controllers
myApp.factory('Data', function(){
// I know this doesn't work, but what will?
var FirstName = '';
return FirstName;
}); …tl; dr如何将一台设备上的像素测量值转换为另一台设备上的像素测量值？
我设计了一个Android应用程序,所有屏幕都是720x1280像素.我假设这是2.0 xhdpi,意味着数字像素尺寸为360x640 dp.
现在在QA中,我发现Nexus 5x上有一些不一致的内容,截取屏幕截图,并将它们拉到Photoshop中以确认/测量错误.Nexus 5x为1080x1920像素,但为2.6 xxhdpi,转换为411x731 dp.
简单的规模会不会失败？
它并不像将Nexus(1080宽度)屏幕截图拉入Photoshop并将其缩放到720宽度那么简单,对吗？这不考虑像素密度.
换句话说.如果我的@ 2x设计上的正方形是100px(50dp),那么我对Nexus截图有多大的期望？
有用的网址
我正在向包含img的元素中添加框阴影，并在该元素的底部创建一个任意的白色边框。没有通过CSS施加边框（我什至尝试过border:none;没有运气的情况下重写）。直接应用于图像时，它会正确显示。但是当应用于包含图像的div时，会出现边框。
任何帮助，感激不尽。
<style>
html,body,div,img {margin:0; padding:0;}
body {padding:50px;}
.badge_image {
float:left;
/* css drop shadow */
-webkit-box-shadow: 1px 1px 5px 0px #a2958a;
-moz-box-shadow: 1px 1px 5px 0px #a2958a;
box-shadow: 1px 1px 5px 0px #a2958a;
}
</style>
<div class="badge_image">
<img src="badge-image.jpg" height="75" width="75" />
</div>
<br clear="all" /><br clear="all" />
<img src="badge-image.jpg" height="75" width="75" class="badge_image" /><!-- works fine -->