小编3gw*_*ain的帖子

我是backbone.js的新手,为了试一试,我做了一个函数来使用我的数组追加一个元素.但我不知道如何从服务器或本地路径获取相同的内容.

我尝试了一些教程,但仍然无法获得任何好结果.任何人都可以更正我的功能从本地文件夹或服务器获取数据吗？

代码:

这是我的本地路径: '..data/data.json'

(function($){ 
  var student = [
    {name:'student1'},
    {name:'student2'},
    {name:'student3'}
  ]

var model = Backbone.Model.extend({
  defaults:{
    name:'default name'  
  }
});

var collection = Backbone.Collection.extend({
  model:model  
});

var itemViews = Backbone.View.extend({
  tagname:'li',
  render:function(){
    this.$el.html(this.model.get('name'));
    return this;
  }  
})

var view = Backbone.View.extend({
  el: $("#contacts"),
  initialize:function(){
    this.collection = new collection(student);
    this.render();
  },
  render:function(){
    var that = this;
    _.each(this.collection.models, function(item){
      that.renderName(item);
    })
  },
  renderName:function(item){
    var itemView = new itemViews({model:item});
    this.$el.append(itemView.render().el);
  }
});

我在公司办公室工作.我获得了下载权限,我可以使用NPM命令下载yeoman包甚至凉亭包.我获得了从registry.npmjs和下载的许可git.

现在我想尝试运行bower.json但我无法下载任何东西.我一直在超时.我是否需要获得特别许可才能运行bower.json？或者我可以进行任何配置来运行bower.json？

附加屏幕截图我的错误参考.

仍然是我得到的错误:

bower retry         Request to https://bower.herokuapp.com/packages/angular-rout
e failed with ETIMEDOUT, retrying in 15.5s
bower retry         Request to https://bower.herokuapp.com/packages/jquery.ui fa
iled with ETIMEDOUT, retrying in 16.5s
bower retry         Request to https://bower.herokuapp.com/packages/angular-cook
ies failed with ETIMEDOUT, retrying in 25.9s
bower retry         Request to https://bower.herokuapp.com/packages/angular fail
ed with ETIMEDOUT, retrying in 17.1s
bower retry         Request to https://bower.herokuapp.com/packages/angular-sani
tize failed with ETIMEDOUT, retrying in 23.1s
bower retry         Request to https://bower.herokuapp.com/packages/hammerjs fai …

我在角应用程序中使用路由.当页面加载时,我得到控制器功能触发2次..

如何避免这种情况或者有2次呼叫有什么用？

任何人帮助我并解释我做的错误？

这是我的html://我用玉!

header
            h1 Header
        div.content(ng-controller="HomeController")
            div(ng-view)
        footer
            h5 Footer

这是我的js:

var locations = angular.module('location', ['ngRoute']);
locations.config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/', {
            controller: 'HomeController',
            templateUrl: 'views/home.html'
        })
        .when('/inbox/:name', {
            controller: 'InboxController',
            templateUrl: 'views/inbox.html'
        })
        .otherwise({redirectTo: '/'});
}]);
locations.controller('HomeController', ['$scope', function($scope){
    console.log('hi'); // i am getting 2 times consoled! -why?
   }]);

在我的应用程序中,我正在添加content区域和视图header,footer.在我添加视图之前,我试图找到是否存在控制器.如果是这样我试图关闭这些区域之前我添加另一个像这样:

if(socialApp.Controller) {
 socialApp.Controller.layout.header.close();
 socialApp.Controller.layout.content.close();
 socialApp.Controller.layout.footer.close();
}

但我收到了错误.

而不是关闭我使用的empty()方法是正常的.

if(socialApp.Controller) {
     socialApp.Controller.layout.header.empty();
     socialApp.Controller.layout.content.empty();
     socialApp.Controller.layout.footer.empty();
    }

我做的是对的吗？有谁确认我好吗？注意:我是否还需要close控制器/视图..!？我在用Backbone.Marionette v2.1.0.提前致谢.

我正在尝试使用它ng-if来打开和关闭.

我只能将值设置true为显示孩子,但我无法将值设置回false.

这是我的代码:

var app = angular.module('plunker', []);

var array = [{'name':'one'}, {'name':'two'}, {'name':'three'}];

app.controller('MainCtrl', function($scope) {
    $scope.names = array;
    $scope.showChild = function ( obj ) {
        obj.show = true;
    }
    $scope.closeChild = function ( n ) {
        n.show = false;
    }
});

HTML:

<ul>
    <li ng-repeat="n in names" ng-click="showChild(n)">
        {{n.name}}
        <h2 ng-if="n.show">
            {{n.name | uppercase }}
        </h2> 
        <span ng-click="closeChild(n)">
            Close
        </span>
    </li>
</ul>

现场演示

我有一个名为 的字体文件icon-font.woff，我有相应的 SVG 文件。它里面有一些图标。现在我想使用 css 在我的 html 文件中使用这些图标，如下所示：

.icon-add-contact:before{content:""}

但我不知道我需要在content上面给出什么价值。而且我不知道哪个值属于哪个图标。

如何处理？

我有2个功能.我正在用then()方法进行链接promise.但我试图second在第一个承诺发生后启动该功能.但现在第二个函数调用为第一个.怎么解决这个问题？

或者我的代码有什么问题？

这是我的尝试:

var getData = function(){
    return new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve(42); //consoles as second
    }, 5000);
  })
}

var getDataMoreData = function(){
    return new Promise((resolve, reject) => {
    setTimeout(() => {
        resolve(43); //consoles as first
    }, 3000);
  })
}



getData().then((data)=> console.log('Data', data)).then(getDataMoreData().then((data)=> console.log('data--', data )));

现场演示

在我的Interceptor文件中，我收到如下错误：

ERROR in ./src/app/auth/auth.interceptor.js 8:0
Module parse failed: Unexpected character '@' (8:0)
You may need an appropriate loader to handle this file type.
| import { UserService } from "./../shared/user.service";
|
> @Injectable()
| export class AuthInterceptor implements HttpInterceptor {
|

如何解决这个问题？这是我的 ts 文件：

import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from "@angular/common/http";
import { Injectable } from "@angular/core";
import { tap } from "rxjs/operatos";
import { Router } from "@angular/router";

import { UserService } from "./../shared/user.service";

@Injectable() …

我通过对象传递用户对象，useNavigation例如：

 let navigate = useNavigate();

    const showUser = (user: UserProp): void => {
        navigate('view', { state: user });
    }

一旦我登陆到该view组件，我就会尝试从该位置获取值。但出现错误。这是代码：

interface locationProps {
    state: { user: UserProp }
}

export default function UserView() {
    const { state } = useLocation<locationProps>();
    return (
        <h1>{state && state.user.name}</h1>
    )
}

出现错误为interface locationProps, Expected 0 type arguments, but got 1.

在我的fullfilledi 中得到的响应为undefined。有人请帮忙吗？

代码 ：

import { createAsyncThunk, createSlice } from "@reduxjs/toolkit";
import axios from "axios";


const fetchPost = createAsyncThunk('fetch/post', async (params: string) => {
    try {
            const { data } = await axios.get('https://registry.npmjs.org/-/v1/search', { params: { text: params } })
            data.objects.map((result: any) => {
                console.log('result', result)//getting result
                return result.package.name; 
            });
        } catch (err: any) {
            return err?.response;
        }
})

interface RepositoriesState {
    loading: boolean;
    error: string | null;
    data: string[];
}


const initialRepoState:RepositoriesState = {
    loading: …