小编bor*_*ytm的帖子

删除/添加项目时是否可以为弹性项目的位置设置动画?

我使用 Flexbox 来显示容器中的项目 - 当删除/添加项目时,项目会捕捉到新位置。有什么办法可以在各州之间顺利过渡吗?需要多行之间的过渡,并且项目可以具有可变宽度。我正在使用 Angular JS 添加/删除项目。

我一直无法想出一个可行的解决方案。有任何想法吗?

笨蛋在这里。

javascript css animation flexbox angularjs

6
推荐指数
1
解决办法
4921
查看次数

是否可以对 Flexbox 插入、删除和项目位置进行动画处理?

这个问题最初是在 2012 年提出的,但提供的答案并未涵盖我感兴趣的用例(包装内容更改行的平滑移动)。

“当我从弹性盒中删除一个项目时,剩余的项目会立即“捕捉”到它们的新位置,而不是动画。

从概念上讲,由于这些项目正在改变其位置,因此我希望过渡能够应用。

我已经在所有涉及的元素(弹性盒和子元素)上设置了过渡属性

有没有办法对 Flexbox 进行动画编辑(添加和删除)?”

我对包裹到其他行/列的弹性盒项目的运动动画特别感兴趣。

所需的最终功能将类似于Metafizzy 的同位素中可用的功能。

javascript css flexbox css-transitions css-animations

5
推荐指数
1
解决办法
2944
查看次数

Angular-ui模态问题

我正在尝试在我的Web应用程序中包含一个angular-ui模式,但是我遇到了设置所有内容的问题.

文档表明你可以使用$ modalInstance将子控制器注入父控制器,但我不太明白如何这样做.

这是当前的代码(它直接来自文档中的模态演示):

angular.module('myApp.controllers', []).
controller('addContent', function ($scope, $http, $modal, $log){

    //modaltest
    $scope.items = ['item1', 'item2', 'item3'];

    $scope.addTerm = function () {  
        var newTerm = $modal.open({
            templateUrl: 'newTermModal.jade',
            controller: newTerms,
            resolve: {
                items: function () {
                    return $scope.items;
                }
            }
        });

        newTerm.result.then(function (selectedItem) {
            $scope.selected = selectedItem;
        }, function () {
            $log.info('Modal dismissed at: ' + new Date());
        });
    };

}).
controller("newTerms",function($scope, $modalInstance, items){

    $scope.items = items;
    $scope.selected = {
        item: $scope.items[0]
    };

    $scope.ok = function () {
        $modalInstance.close($scope.selected.item); …
Run Code Online (Sandbox Code Playgroud)

javascript model-view-controller angularjs angular-ui

4
推荐指数
1
解决办法
1万
查看次数

angular $ watch和从数据库中检索数据的问题

我是一个新手编程试图将一个Web应用程序与Angular,node.js和图形数据库neo4j组合在一起.

我想根据用户选择(或拒绝)术语(点击按钮)动态加载数据库中的内容.每次单击按钮时,相关术语都会添加到数组中(排除或包含).这个想法是每次选择新术语时都会对数据库进行新的调用.

我现在停留在如何调用数据库来检索内容.我正在尝试使用$ watch观察阵列的变化.出现问题,我遇到了解决问题的麻烦.

这是控制器代码:

angular.module('myApp.controllers', []).    
controller('content',function($scope,$http, queryTerms, $watch){


    //watch arrays of terms for changes and fetch results based on what is selected
    $watch(function() { return angular.toJson( [ queryTerms.includedTerms, queryTerms.excludedTerms ] ) },
        function() {
            $http({
                method:'get',
                url:'/query/getContent',   
                params: {includeTerms:queryTerms.includedTerms , excludeTerms:queryTerms.excludedTerms}

            }).
            success(function(data){
                    //feed content data to display for viewing

            }).
            error(function(data){
                    $scope.test = "Error :("

            });
        });

});
Run Code Online (Sandbox Code Playgroud)

当我使用$ watch时,我收到以下错误:

Error: Unknown provider: $watchProvider <- $watch
Run Code Online (Sandbox Code Playgroud)

这是一种可怕的愚蠢方式来解决这个问题吗?任何建议都将非常感激 - 我正在学习,因为我到目前为止,我在这里得到的建议是惊人的.谢谢!

model-view-controller controller angularjs

2
推荐指数
1
解决办法
3098
查看次数

从collect返回一个对象(cypher/neo4j)

我正在尝试以用户指定的语言返回内容,或者如果未在所选语言中找到内容,则返回默认语言(英语).似乎不支持从collect语句返回对象.有没有办法达到类似的结果呢?

现在的查询:

MATCH (meta:contentMeta)<-[metaLang:HAS_META]-(content:content)-[:TAGGED_WITH]-(termNode:term)-[lang:HAS_LANGUAGE]-(langNode:termMeta)
WHERE 
    metaLang.languageCode = {language} 
    OR metaLang.languageCode = {defaultLanguage} 
    AND lang.languageCode = {language} 
    OR lang.languageCode = {defaultLanguage}
RETURN DISTINCT collect(langNode.name) AS terms, 
    content.displayType AS displayType, 
    content.savedAs AS savedAs, 
    content.webURL AS webURL, 
    content.embedSrc AS embedsrc, 
    content.UUID AS UUID
LIMIT 15
Run Code Online (Sandbox Code Playgroud)

问题是我真正想要返回的是一个具有节点名称和语言代码的对象.就像是:

collect(langNode.name, langNode.languageCode) AS terms
Run Code Online (Sandbox Code Playgroud)

或这个:

collect(langNode.name) AS terms.name, 
collect(langNode.languageCode) AS terms.languageCode
Run Code Online (Sandbox Code Playgroud)

当然,这种语法不起作用.这有什么简单的解决方案吗?

neo4j cypher

2
推荐指数
1
解决办法
1115
查看次数

集成同位素和 Vue

我大约一个月前才开始使用 vue,到目前为止我很喜欢它。目前我在使用它时遇到了一些问题isotope.js,一个光滑的过滤/排序/布局库。

问题是isotope想要控制在布局中添加和删除元素(目前用jquery完成)。如果我用 jquery 添加一个项目,vue 不知道该项目的任何功能(寻找事件等),如果我添加视图,同位素不知道排列元素。

我已经在这个 fiddle 中说明了这个问题。请注意,单击从容器中删除一个元素,单击从同位素中删除也会从 vue 容器中删除元素,但反之则不然。单击还会尝试登录到控制台,这当然仅适用于使用 v-for 放入 DOM 的元素。

我找到了一种临时解决方法,可以手动使两者保持同步,但这远非理想。

解决这个问题的惯用方法是什么?显然,我希望能够使用 v-for 来附加和删除项目。是时候制定自定义指令了吗?我从哪里开始?

以这种方式添加元素是一种反模式,但我不知道如何让同位素意识到它们。

add: function(thing) {

  // add to isotope - vue is unaware of the test() fn when it enters the DOM
  this.iso.isotope('insert', $('<span @click="test()" class="thing">' + thing.name + '</span>'))

  // add to vue
  this.things.push({
    name: thing.name
  })
  this.itemName = ""

},
Run Code Online (Sandbox Code Playgroud)

谢谢!

integration jquery jquery-isotope vue.js

2
推荐指数
1
解决办法
2708
查看次数

访问Javascript对象属性问题

我在访问一个非常简单的对象的属性时遇到问题.作为一名新手程序员,我怀疑我对我正在使用的内容有一个简单的误解.

这是正在执行的代码:

    console.log(content);
    console.log(content.title);
    for (x in content){
        console.log(content[x])
    }
Run Code Online (Sandbox Code Playgroud)

这是控制台响应:

{"title":"test","description":"test"}
undefined
{
"
t
i
t
l
e
"
:
"
t
e
s
t
"
,
"
d
e
s
c
r
i
p
t
i
o
n
"
:
"
t
e
s
t
"

}
Run Code Online (Sandbox Code Playgroud)

任何指导将不胜感激.

编辑

内容对象通过angular.js $ http服务发送到服务器,如下所示:

$http({
            method:'post',
            url:"/create/createContent",
            params:{content:$scope.content}
        }).
Run Code Online (Sandbox Code Playgroud)

服务似乎以JSON格式移动数据.

谢谢大家的帮助!对此,我真的非常感激.

javascript properties object angularjs

1
推荐指数
1
解决办法
99
查看次数

Python逻辑操作

我是python的新手,我正在使用Scrapy库进行网络抓取项目.我没有使用内置域限制,因为我想检查域外页面的任何链接是否已经死亡.但是,我仍然希望区域内的页面与其他页面不同,并且在解析响应之前尝试手动确定站点是否在域内.

回复网址:

http://www.siteSection1.domainName.com
Run Code Online (Sandbox Code Playgroud)

如果声明:

if 'domainName.com' and ('siteSection1' or 'siteSection2' or 'siteSection3') in response.url:
    parsePageInDomain()
Run Code Online (Sandbox Code Playgroud)

上述声明是真实的(页面解析),如果"siteSection1"是第一次出现在或公司的名单,但如果响应URL是相同的,但如果语句是下面也不会解析页面:

if 'domainName.com' and ('siteSection2' or 'siteSection1' or 'siteSection3') in response.url:
        parsePageInDomain()
Run Code Online (Sandbox Code Playgroud)

我在这做错了什么?我无法非常清楚地思考逻辑运算符的情况,我们将非常感谢任何指导.谢谢!

python logic operators scrapy

0
推荐指数
1
解决办法
368
查看次数