所以,简而言之,我有一套.li
<ul>
<li class="lmit_1"><a href="#" >Home</a></li>
<li class="lmit_2"><a href="#">About us</a></li>
<li class="lmit_3"><a href="#">Who we are</a></li>
<li class="lmit_4"><a href="#">Whats new</a></li>
<li class="lmit_5"><a href="#">Contact Us</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
和我的javascript(jQuery)
<script>
$(".lmit_" + id).click(function () {
alert(id);
});
</script>
Run Code Online (Sandbox Code Playgroud)
我想要做的是接收css类末尾的任何数字作为参数(例如.lmit_3将允许id = 3)因此alert(id)应该导致数字3的弹出窗口?我是编程和javascript的新手,所以我很抱歉,如果答案是盯着我的话......
我是一个关于角度的完整菜鸟,只是通过一个代码学教程,我已经达到了我的第一个障碍.
我正进入(状态 Error: [$resource:badcfg] Error in resource configuration. Expected response to contain an array but got an object
这是我的代码:
var bulletinApp = angular.module('bulletinApp', ['ngResource']);
bulletinApp.controller('PostsController', ['$scope', 'Post', function($scope, Post) {
$scope.heading = 'Welcome';
$scope.posts = Post.query();
$scope.newPost = {
title: 'Test Post'
}
}]);
bulletinApp.factory('Post', ['$resource', function($resource) {
return $resource('/posts');
}]);
Run Code Online (Sandbox Code Playgroud)
我在这里找到了一个答案: 在使用带有AngularJS/Rails的$ resource.query()函数时资源配置出错
那说我应该把它添加到我的资源声明中:
'query': {method: 'GET', isArray: false }
Run Code Online (Sandbox Code Playgroud)
问题是我不知道我应该在哪里添加这个,或者即使这是我遇到的问题?
编辑:
bulletinApp.factory('Post', ['$resource', function($resource) {
return $resource('/posts', {'query': {method: 'GET', isArray: false}});
}]);
Run Code Online (Sandbox Code Playgroud)
在此之后我仍然收到错误.同样在教程中,没有必要这样,我已经非常关注它,为什么get方法会得到一个对象而不是一个数组?
这是我的指令代码:
// Generated by CoffeeScript 1.6.3
(function() {
var autumnDirectives;
autumnDirectives = angular.module('autumnDirectives', []);
autumnDirectives.directive('timeline', function() {
return {
scope: {
timeline: '='
},
templateUrl: 'partials/timeline/_timeline.html',
controller: function($scope, $element, $attrs) {
return console.log($scope.timeline);
},
link: function(scope, el, attrs) {
console.log(el);
return console.log(el.find(".item"));
}
};
});
}).call(this);
Run Code Online (Sandbox Code Playgroud)
我的模板:
<div class="timeline clearfix">
<div class="item" ng-repeat="item in timeline">
<div class="row">
<div class="content">{{ item.content }}</div>
</div>
<div class="row">
<div class="connect_line"></div><div class="connect_line"></div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
由于某种原因,jqlite find不返回item元素(长度为0) - 或者任何元素.如果我在链接函数中追加一个元素,那么我就能找到它,否则就没有了.
当我记录el时,它会返回正确的元素,如果我冒险进入带有chromes检查工具的孩子,我就能找到.item.
我认为一旦模板准备好就会调用该链接?这里出了什么问题,还是我不明白?
否则一切正常
谢谢
注意:我能够在类中找到层次结构中的第一个div .timeline …
我不太确定这里发生了什么,并且觉得我可能会遗漏一些可能非常明显的东西,但我有一个if else,其中两个语句都被调用.如果有人能够对此有所了解,那就太棒了.下面的代码是使用asual,应该检测div $('#' + $.address.hash()是否已经加载.但是,if和else事件都是按顺序触发的.事实上,其他声明发了两次......
$('#lmit_back').show(400, function() {
if($('#' + $.address.hash() ).length == 0) {
$('#init').load('inithandler.php', { 'address' : $.address.hash() }, function() {
$('#' + $.address.hash()).fadeIn(1000, function() {
$('#remn').load('pagehandler.php',{ 'address' : $.address.hash() });
});
});
}
else {
alert('hey');
}
});
Run Code Online (Sandbox Code Playgroud)
这里是所有的代码..我无法确定哪些可能导致它执行两次,除非它与address.change有关,我不喜欢这样做.
if(($ .address.hash()=='')){$ .address.hash('home');}
$('#lmit_back').click(function() {
$.address.hash('home');
});
$.address.change( function() {
if (!($.address.hash() == 'home'))
{
var exception = '.' + $('[href="#' + $.address.hash() + '"]').parent().attr('class');
$('#left_menu_bar li:not(' + exception + ')').hide(300,function() {
$(exception).show( function() {
$('#left_menu_bar').animate({ width:'100%'},400, …Run Code Online (Sandbox Code Playgroud) 我一直试图在我的控制器内的辅助函数中渲染我的一个部分.
我遇到的第一个问题是帮助器返回每个循环而不是循环的结果.为了解决这个问题,我尝试让它返回一个包含循环结果的字符串.
def display_replies(comment)
if comment.replies.count > 0
string = ""
comment.replies.each do |reply, index|
string = string + (render partial: "comment", locals: {index: index}).to_s.html_safe
end
string
end
Run Code Online (Sandbox Code Playgroud)
在视图中调用 <%= display_replies(reply) %>
当我查看我的视图时,返回并显示的内容是HTML,但它是转义的,因此是纯文本,它看起来像这样:
["<div class='c comment'>\n<div class='profile'>\n<img src='/assets/profile_image_sample.jpg'>\n</div>\n<div class='message'>\n<div class='username'>Will Leach</div>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus adipiscing purus et mi aliquet malesuada. Curabitur porttitor varius turpis eget sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus consectetur tortor, nec aliquet lacus tempus vitae. Sed felis …Run Code Online (Sandbox Code Playgroud) 花了太长时间试图访问从boot2docker实例中的docker容器运行的节点服务器后,我意识到问题归结为公开和docker run -p之间的区别.
在我的Dockerfile中,我有EXPOSE 3001,我无法通过我的主机访问它.
运行"docker run -p 3001:3001 myappinst myapp"后,我能够访问该端口.
到目前为止,我认为"docker run -p 3001:3001"与dockerfile中的EXPOSE 3001基本相同.
然而,我注意到,当运行docker ps时
我得到以下"EXPOSE":
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
16341e2b9968 housemation-crawler:latest "npm start" 2 minutes ago Up 2 minutes 3001/tcp housemation-crawler-inst
(注:3001/tcp)
与下面的对比 docker run -p 3001:3001
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
0b14f736033c housemation-crawler:latest "npm start" 8 seconds ago Up 2 seconds 0.0.0.0:3001->3001/tcp housemation-crawler-inst
(0.0.0.0:3001->3001/tcp)
看起来后者正在做某种端口转发,而前者只是打开端口?那是对的吗?
如果我想访问一个未转发的暴露端口,我该怎么办呢?另外,如果我想在dockerfile中进行端口转发,那么正确的语法是什么?
我猜我肯定会有一些明显的错过,这是我正在构建的第二个角度应用程序,我之前从未遇到过这个问题.
似乎我的两个控制器都收到此错误.我已经确认controllers.js已加载并console.log(angcomControllers)返回一个对象.除此之外,我迷失了.
index.html的:
<!doctype html>
<html class="no-js" lang="en" data-ng-app="angcomApp">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Foundation</title>
<link rel="stylesheet" href="stylesheets/app.css" />
<!--Library/Framework JS-->
<script src="bower_components/jquery/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
<script src="bower_components/angular-resource/angular-resource.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<!--script src='https://cdn.firebase.com/v0/firebase.js'></script>
<script src='https://cdn.firebase.com/libs/angularfire/0.5.0/angularfire.min.js'></script-->
<!--App JS-->
<script src="js/app.js"></script>
<script src="js/animations.js"></script>
<script src="js/controllers.js"></script>
<script src="js/filters.js"></script>
<script src="js/services.js"></script>
<script src="js/directives.js"></script>
</head>
<body>
<div ng-view class="view-frame"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
app.js
'use strict';
var angcomApp = angular.module('angcomApp',[
'ngResource',
'ngRoute',
'angcomControllers',
'angcomServices',
]);
angcomApp.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/items', {
templateUrl: …Run Code Online (Sandbox Code Playgroud) 在文档中找不到与此相关的任何内容,我需要对父状态更改进行一些浏览器操作,而无需重新呈现子组件。我可以在“ shouldComponentUpdate”中执行此操作,并使它返回false,但只是想知道这可能会对服务器端呈现产生什么影响?
我必须只使用ruby core或stdlib中提供的工具创建一个应用程序.YAML或SQLite是否带有红宝石?有哪些其他工具可以让我将数据存储到文件中?它们的优点和缺点是什么?
我希望在数组中解析变量,所以当我回显$ head ['meta_title']时,会显示lol.我试过用双引号包装它,但这似乎也不起作用,有什么办法围绕这个?谢谢!
我得到了意想不到的T_VARIABLE,当我使用双引号时,我得到意外的""
$meta_title = "lol";
public $head = array
(
"title" => "blah",
"meta_title" => $meta_title,
"meta_content" => $meta_content
);
Run Code Online (Sandbox Code Playgroud) angularjs ×3
javascript ×3
jquery ×2
ruby ×2
boot2docker ×1
css ×1
docker ×1
dom ×1
html ×1
networking ×1
php ×1
reactjs ×1