个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
这是我之前的一个问题的后续，这是我正在寻找的东西，但我似乎无法让它发挥作用。这就是我正在尝试使用的 here这就是我尝试过的:
index.html
<head>
<title>Building Angular Directives</title>
<link href="css/angular-carousel.css" rel="stylesheet" type="text/css"/>
<!-- Angular Components -->
<script type = "text/javascript" src = "angular/angular.js"></script>
<script type = "text/javascript" src = "angular/angular-route.js"></script>
<script type = "text/javascript" src = "angular/angular-mocks.js"></script>
<script type = "text/javascript" src = "angular/angular-loader.js"></script>
<!-- App definition -->
<script type = "text/javascript" src = "app.js"></script>
<!-- Directives -->
<script type = "text/javascript" src = "directives/my-directives.js"></script>
<!-- Controllers -->
<script type = "text/javascript" src = "controllers/my-controllers.js"></script>
<!-- Custom Carousel -->
<script type = "text/javascript" src = "js/angular-touch.min.js"></script>
<script type = "text/javascript" src = "js/angular-carousel.js"></script>
</head>
<body>
<div ng-controller = "HomeController">
<section remembered at-greeting='customer'
equals-greeting='customer'
amper-greeting='getGreeting()'>
</section>
<hr/>
<ul rn-carousel class="image">
<li ng-repeat="image in sportImages">
<div class="layer">{{image}}</div>
</li>
</ul>
</div>
</body>
my-controllers.js
myApp.controller('HomeController', ['$scope', function ($scope) {
// Test
$scope.greeting = "Hello World - from the controller";
$scope.sportImages = [
'http://placekitten.com/g/200/300',
'http://placekitten.com/g/200/301',
'http://placekitten.com/g/200/303'
];
}]);
我在应用程序创建过程中声明了对 Angular 依赖的依赖:
app.js
var myApp = angular.module( 'myApp',['angular-carousel'] );
屏幕上没有出现任何内容，错误控制台中也没有显示任何内容，这表明正在加载所有内容 - 可能只是顺序不正确？
有什么建议吗？谢谢
最佳答案
它不起作用的实际原因是没有在 CSS 中为无序列表设置高度，以及对它的工作原理的误解。
这是一个有效的 Plunkr它适用于当前可用的所有动画。虽然我将对其进行改进以移除内部样式并将整个内容打包到一个新指令中。
以及代码以防万一它从 Plunkr 中消失:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>Building Angular Directives</title>
<link href="css/angular-carousel.min.css" rel="stylesheet" type="text/css" />
<style>
ul {
height:300px;
width: 600px;
background:blue;
}
img.alignLeft {
float: left;
}
</style>
<!-- Angular Components -->
<script type="text/javascript" src="angular/angular.js"></script>
<script type="text/javascript" src="angular/angular-touch.js"></script>
<script type="text/javascript" src="angular/angular-carousel.js"></script>
<!-- App definition -->
<script type="text/javascript" src="app.js"></script>
<!-- Controllers -->
<script type="text/javascript" src="controllers/my-controllers.js"></script>
</head>
<body>
<div ng-controller="HomeController">
<ul rn-carousel rn-carousel-controls class="image">
<li ng-repeat="images in kittens">
<div ng-repeat="image in images">
<img class="alignLeft" ng-src="{{image}}"/>
</div>
</li>
</ul>
<hr/>
<ul rn-carousel rn-carousel-auto-slide rn-carousel-transition="slide" class="image">
<li ng-repeat="images in kittens">
<div ng-repeat="image in images">
<img class="alignLeft" ng-src="{{image}}"/>
</div>
</li>
</ul>
<hr/>
<ul rn-carousel rn-carousel-auto-slide rn-carousel-transition="zoom" class="image">
<li ng-repeat="images in kittens">
<div ng-repeat="image in images">
<img class="alignLeft" ng-src="{{image}}"/>
</div>
</li>
</ul>
<hr/>
<ul rn-carousel rn-carousel-auto-slide rn-carousel-transition="hexagon" class="image">
<li ng-repeat="images in kittens">
<div ng-repeat="image in images">
<img class="alignLeft" ng-src="{{image}}"/>
</div>
</li>
</ul>
<hr/>
<ul rn-carousel rn-carousel-auto-slide rn-carousel-transition="slideAndFade" class="image">
<li ng-repeat="images in kittens">
<div ng-repeat="image in images">
<img class="alignLeft" ng-src="{{image}}"/>
</div>
</li>
</ul>
<hr/>
<ul rn-carousel rn-carousel-auto-slide rn-carousel-transition="none" class="image">
<li ng-repeat="images in kittens">
<div ng-repeat="image in images">
<img class="alignLeft" ng-src="{{image}}"/>
</div>
</li>
</ul>
<hr/>
</div>
</body>
这是我正在使用的 HomeController 中的集合:
$scope.kittens = [
['http://placekitten.com/g/200/300','http://placekitten.com/g/200/301','http://placekitten.com/g/200/303'],
['http://placekitten.com/g/200/301','http://placekitten.com/g/200/303','http://placekitten.com/g/200/300'],
['http://placekitten.com/g/200/303','http://placekitten.com/g/200/300','http://placekitten.com/g/200/301']
];
关于AngularJS 触摸轮播，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26455354/
25
4
0
我该怎么做 touch R 中的文件(即更新其修改时间而不更改其内容)？我正在寻找一个跨平台的内置(或打包)等效于: system2("touch", file_name) 最佳答案 我找到了 an
我想在 android 中实现 body 部位选择。我的要求是，当我点击特定部分时，图像应用程序应该能够识别 body 部位并且所选部分的颜色应该改变。附上示例图像以供引用。 如有任何想法或建议，我们
我需要将3D模型加载到我的应用程序中（不是游戏，它没有任何区别），并检测用户何时触摸此模型的特定部分以采取不同的操作。 我怎样才能做到这一点？可能吗？ 最佳答案 我不熟悉Rajawali，但GitHu
似乎连续触摸总是被它起源的控件捕获。是否有标准方法将触摸/手势传递给当前触摸结束的控件？ 最佳答案 控件显示在 UIView 对象内部的屏幕上。 iOS 使用第一响应者的概念来处理 UIView 对象
我有一个 UIScrollView 实例，允许用户放大/缩小。我已经根据文档实现了一个委托(delegate)来处理这个问题。但是，我想知道用户触摸 ScrollView 的位置(相对于 Scroll
我正在创建一款射击游戏，您可以触摸屏幕，玩家可以射击。我遇到的问题是，当你触摸屏幕并按住它并拖动它时，它会快速射击。处理这个问题的最佳方法是什么？ 我希望玩家能够按住手指并以稳定的速度射击，而手指向上
- (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typ
这是我从触摸事件中获得的返回数据。明显缺少任何有用的触摸 X/Y 坐标 ( https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/ch
因此，我有一个屏幕，其中包含 0 到 6 个通过 XML 包含的相同用户界面组件。类似这样的东西: ...等等 每个包含的 UI 都是我重复使用的几个小部件和自定义组件的集
我希望能够更改文件的修改日期以便在 Web 应用程序中使用。目前我直接在命令行上测试这个。在我的 Mac 上工作正常，但是当我在 Linux 服务器上执行此操作时出现错误。 命令:/bin/touch
概念问题: 我在使用 touches 时遇到了一个非常简单的问题属性，自动更新依赖模型的时间戳；它正确地这样做了，但也应用了全局范围。 有什么办法可以关闭这个功能吗？或专门询问自动 touches忽略
我很难在一个简单的等距 Sprite Kit 游戏中实现点击处理。 我有一个包含多个 Tile 对象(SKSpriteNode)的 map (SKNode)的游戏场景(SKScene)。 这是 map
有没有办法在触摸事件后恢复 Flexslider 幻灯片的自动播放？现在看来，一旦我滑动导航，幻灯片就会停止...... 最佳答案 FLEXISLIDER 2 更新 resume()事件不再存在，正确
有些游戏有一些小图片作为 Sprite ，可以通过触摸来移动。如果 Sprite 是较大的图片，触摸是很正常的。我们可以使用函数CGRectContainsPoint检查 Sprite 。但是当 Sp
我有一个 View 覆盖到 iPhone 的相机 View 上。在此 View 中，我有一些 uibuttons，它们显示的位置取决于加速度计/指南针的值。当用户在 View 内触摸但没有在 uibu
我有一个 UIView 和一个 UIWebView。 UIWebView 是 UIView 的 subview 。 UIWebView 包含 YouTube 视频，并设置为让视频适合 UIWebVie
我是通过 XCode 使用 SDK 版本 5.0 进行 iOS 开发的新手。在我的应用程序中，我需要在按下按钮时更改按钮的标题。 假设在正常状态下它是“未推送”的。我所需要的是，当我按下按钮时，按钮标
我需要防止我的网络应用程序中的水平滚动。我尝试在 touchmove 事件上使用 PreventDefault()，但它也阻止垂直滚动。 有什么想法吗？^^ 我的尝试: $(document)
对于完全适合动画组方法的动画效果，如Brad Larson's answer here所示，我需要动画根据输入进行。特别是触摸和检测到的触摸的位置。处理 TouchMoved: 并为每次触摸设置元素的
我在屏幕上散布了一系列硬币。我想在触摸硬币时添加声音。 private Music coinSound; 在 show() 中: coinSound=assetManager.get(Assets.c
我是一名优秀的程序员,十分优秀！