小编sud*_*ang的帖子

如何为基于create-react-app的项目添加字体?

我正在使用create-react-app而不喜欢eject.

目前尚不清楚从@ font-face导入并在本地加载的字体应该去哪里.

也就是说,我正在装货

@font-face {
  font-family: 'Myriad Pro Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff');
}
Run Code Online (Sandbox Code Playgroud)

有什么建议?

- 编辑

包括丹在他的回答中提到的要点

?  Client git:(feature/trivia-game-ui-2) ? ls -l public/static/fonts
total 1168
-rwxr-xr-x@ 1 maximveksler  staff  62676 Mar 17  2014 MYRIADPRO-BOLD.woff
-rwxr-xr-x@ 1 maximveksler  staff  61500 Mar 17  2014 MYRIADPRO-BOLDCOND.woff
-rwxr-xr-x@ 1 maximveksler  staff  66024 Mar 17  2014 MYRIADPRO-BOLDCONDIT.woff
-rwxr-xr-x@ 1 maximveksler  staff  66108 Mar 17  2014 MYRIADPRO-BOLDIT.woff
-rwxr-xr-x@ 1 maximveksler  staff  60044 Mar …
Run Code Online (Sandbox Code Playgroud)

css fonts reactjs webpack create-react-app

115
推荐指数
6
解决办法
7万
查看次数

以角度方式设置元素焦点

在查看了如何使用angular设置焦点元素的示例后,我看到他们中的大多数使用一些变量来观察然后设置焦点,并且大多数变量为他们想要设置焦点的每个字段使用一个不同的变量.在一个具有大量字段的表单中,这意味着存在许多不同的变量.

考虑到jquery的方式,但是想要以有角度的方式做到这一点,我做了一个解决方案,我们使用元素的id设置焦点在任何函数中,所以,因为我是一个非常新的角度,我想得到一些意见,如果这种方式是正确的,有问题,无论如何,任何可以帮助我做到这一点的角度更好的方式.

基本上,我创建了一个指令,用于监视用户使用指令或默认的focusElement定义的作用域值,并且当该值与元素的id相同时,该元素集自身焦点.

angular.module('appnamehere')
  .directive('myFocus', function () {
    return {
      restrict: 'A',
      link: function postLink(scope, element, attrs) {
        if (attrs.myFocus == "") {
          attrs.myFocus = "focusElement";
        }
        scope.$watch(attrs.myFocus, function(value) {
          if(value == attrs.id) {
            element[0].focus();
          }
        });
        element.on("blur", function() {
          scope[attrs.myFocus] = "";
          scope.$apply();
        })        
      }
    };
  });
Run Code Online (Sandbox Code Playgroud)

由于某种原因需要获得焦点的输入将采用这种方式

<input my-focus id="input1" type="text" />
Run Code Online (Sandbox Code Playgroud)

这里设置焦点的任何元素:

<a href="" ng-click="clickButton()" >Set focus</a>
Run Code Online (Sandbox Code Playgroud)

以及设置焦点的示例函数:

$scope.clickButton = function() {
    $scope.focusElement = "input1";
}
Run Code Online (Sandbox Code Playgroud)

这是角度很好的解决方案吗?是否有问题,由于我的经验不佳,我还没有看到?

focus setfocus angularjs

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

AngularJS指令元素方法绑定 - TypeError:不能使用'in'运算符来搜索1中的'functionName'

这是主模板的控制器:

app.controller('OverviewCtrl', ['$scope', '$location', '$routeParams', 'websiteService', 'helperService', function($scope, $location, $routeParams, websiteService, helperService) {
    ...     
    $scope.editWebsite = function(id) {
        $location.path('/websites/edit/' + id);
    };
}]);
Run Code Online (Sandbox Code Playgroud)

这是指令:

app.directive('wdaWebsitesOverview', function() {
    return {
        restrict: 'E',
        scope: {
            heading: '=',
            websites: '=',
            editWebsite: '&'
        },
        templateUrl: 'views/websites-overview.html'
    }
});
Run Code Online (Sandbox Code Playgroud)

这是指令在主模板中的应用方式:

<wda-websites-overview heading="'All websites'" websites="websites" edit-website="editWebsite(id)"></wda-websites-overview>
Run Code Online (Sandbox Code Playgroud)

这是从指令模板(website-overview.html)调用的方法:

<td data-ng-click="editWebsite(website.id)">EDIT</td>
Run Code Online (Sandbox Code Playgroud)

问题:单击EDIT时,控制台中会出现此错误:

TypeError:无法使用"in"运算符在1中搜索"editWebsite"

有谁知道这里发生了什么?

javascript angularjs angularjs-directive angularjs-scope

85
推荐指数
2
解决办法
3万
查看次数

如何使用jQuery将表的一行滚动到视图(element.scrollintoView)?

我正在使用jQuery动态地向表中添加行.的table是内部的divoverflow:auto从而导致垂直滚动条.

我现在想要将我的容器自动滚动div到最后一行.什么是jQuery版本tr.scrollintoView()

jquery scroll

72
推荐指数
5
解决办法
11万
查看次数

在Angular中,如何使用$ location.path重定向为$ http.post成功回调

我试图通过发送一个帖子到一个PHP文件来做一个简单的身份验证服务,我需要它在我ng-view的成功时加载我的部分主页.

这是我试过的:

function loginCtrl($scope, $http, $location){
    $http.post(url,data).success(function(data){
        $location.path('/home');
    });
}
Run Code Online (Sandbox Code Playgroud)

我的网址更改但未ng-view更新的结果.当我手动刷新页面时它会更新.

(已经正确配置了路由$routeProvider,我已经测试过使用独立功能重定向此功能而不是回调功能)

我也尝试定义$location.path('/home')为一个函数,然后在回调上调用它仍然无法正常工作.

我做了一些研究,发现一些文章说明在使用另一个第三方插件时会发生这种情况,我只加载angular.js

对某些学习材料的任何见解或指示都会很棒

javascript model-view-controller angularjs

72
推荐指数
2
解决办法
20万
查看次数

在"正在更新Maven项目"期间发生内部错误.不支持的IClasspathEntry种类= 4

正如标题所提到的,我有以下问题:我用EclipseMaven Nature,当我更新我的Maven项目,我得到这个错误:

在"正在更新Maven项目"期间发生内部错误.
不支持的IClasspathEntry种类= 4

总是回来的解决方案如下:

  • 右键单击项目,删除maven性质
  • mvn eclipse:clean (项目在eclipse/STS中打开)
  • (有时他们建议做mvn eclipse:eclipse下一个)
  • 右键单击项目并重新启用maven性质

现在,我详尽地尝试了几次所有组合.但我总是得到上述错误.当我不得不进行mvn eclipse:eclipse项目时,错误开始发生.在使用m2eclipse功能并在eclipse中设置所有内容之前总是运行正常.

eclipse m2eclipse pom.xml maven

66
推荐指数
3
解决办法
11万
查看次数

为div延长全高

有没有一种方法可以用于div扩展到全高?我也有一个粘性的页脚.

这是网页:网站已删除.我正在谈论的中间位是白色div,midcontent有CSS值:

.midcontent{
     width:85%;
     margin:0 auto;
     padding:10px 20px;
     padding-top:0;
     background-color:#FFF;
     overflow:hidden;
     min-height:100%;
     max-width:968px; 
     height:100%;
}
Run Code Online (Sandbox Code Playgroud)

所以是的,显然height:100%没有用.此外,所有父容器都设置了高度.

这是一般结构

<body>
    <div id="wrap">
        <div id="main">
            <div class="headout">
                <div class="headimg"></div>
            </div>
            <div class="midcontainer"></div>
        </div>
    </div>
    <div id="footer">
        <div class="footer"></div>
    </div>
Run Code Online (Sandbox Code Playgroud)

html css xhtml

64
推荐指数
3
解决办法
25万
查看次数

如何在AngularJS控制器中获取当前作用域dom-element?

我有一个outerItems列表.在每个outerItem中,我有一个innerItems列表.它们是动态排序的.

当鼠标光标指向innerItems之一时,我必须在该innerItem元素的正上方显示弹出窗口.

Popup div是body的孩子,因为我不希望每个innerItem都有一个单独的弹出窗口.

我看到它的方式 - 在ng-mouseover我调用将左/顶属性设置为我绝对定位的弹出窗口的函数.因此,对于每个innerItems,我想调用jQuery .offset()方法,它从页面的左上角给出左/上值.

那么我怎样才能获得当前范围元素的jQuery对象?或者,如果我选择了错误的方式

javascript jquery dom scope angularjs

53
推荐指数
2
解决办法
11万
查看次数

Angularjs:获取控制器中的元素

我是angularjs的新手,我知道它$scope代表了控制器和视图之间的连接,但除了寻找class="ng-scope"获取范围元素之外还有其他方法,我的意思是:

function someControllerFunc($scope){
       $scope.element;
}
Run Code Online (Sandbox Code Playgroud)

我知道可以将同一个控制器分配给多个范围,所以也许这是不可能的.

javascript angularjs

45
推荐指数
2
解决办法
11万
查看次数

使用ng-click调用两个不同的函数

有没有办法可以ng-click调用两个函数?

我想要一些类似的东西

ng-click ="{search(),match()}" 
Run Code Online (Sandbox Code Playgroud)

而不是我现在如何拥有它,这是:

ng-click = "search()"
Run Code Online (Sandbox Code Playgroud)

angularjs

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