小编Dev_man的帖子

在.htaccess中启用cors

我已经使用SLIM PHP框架创建了一个基本的RESTful服务,现在我正在尝试连接它,以便我可以从Angular.js项目访问该服务.我已经读过Angular支持开箱即用的CORS,我需要做的就是添加这一行:Header set Access-Control-Allow-Origin "*"到我的.htaccess文件.

我已经完成了这个并且我的REST应用程序仍在运行(来自坏的.htaccess没有500内部服务器错误)但是当我尝试从test-cors.org测试它时它会抛出一个错误.

Fired XHR event: loadstart
Fired XHR event: readystatechange
Fired XHR event: error

XHR status: 0
XHR status text: 
Fired XHR event: loadend

Run Code Online (Sandbox Code Playgroud)

我的.htaccess文件看起来像这样

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ /index.php [QSA,L]
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods: "GET,POST,OPTIONS,DELETE,PUT"

Run Code Online (Sandbox Code Playgroud)

是否还有其他东西需要添加到我的.htaccess才能使其正常工作或是否有另一种方法在我的服务器上启用CORS？

php apache .htaccess slim cors

62
推荐指数

7
解决办法

13万
查看次数

角js模型关系

在过去的几天里,我一直在尝试使用Angular JS,而我无法弄清楚的一件事是如何处理模型之间的关系.

我正在开发的项目有一个用户模型和一个帐户模型.我在我的数据库上设置了每个帐户都有一个名为'ownedBy'的字段,该字段是对拥有该帐户的用户的id的外键引用.

在Angular中,我在名为main.js的文件中进行了以下设置

var myApp = angular.module('myApp', ['ngResource']);

var Users = myApp.factory('Users', function($resource) {
    var User = $resource('http://api.mydomain.ca/users/:id',
        {id:'@id'},
    {});
    return User;
});

var Accounts = myApp.factory('Accounts', function($resource) {
    var Accounts = $resource('http://api.mydomain.ca/accounts/:id',
        {id:'@id'},
    {});
    return Accounts;
});


function UsersCtrl($scope, Users) {
    $scope.users = Users.query();
}

function AccountsCtrl($scope, Accounts) {
    $scope.accounts = Accounts.query();
}

Run Code Online (Sandbox Code Playgroud)

和以下模板

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Angular Test</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css?v=2.2.1">
</head>
<body>
<div ng-app="myApp">
    <div …

Run Code Online (Sandbox Code Playgroud)

javascript model-view-controller orm frameworks angularjs

28
推荐指数

1
解决办法

2万
查看次数

tslint错误阴影名称:'Observable'

我在运行tslint时收到以下错误,我之前没有收到..

ERROR: C:/...path..to../observable-debug-operator.ts[27, 13]: Shadowed name: 'Observable'

Run Code Online (Sandbox Code Playgroud)

我按照本教程向Observable添加了一个调试操作符,它正常工作,除了我得到这个lint错误.我一直在使用这个调试操作符一段时间没有得到lint错误,我不知道为什么我现在得到它.

这是第27行的代码,用于使用调试方法修改类型定义

declare module 'rxjs/Observable' {
  interface Observable<T> { // line 27
    debug: (...any) => Observable<T>;
  }
}

Run Code Online (Sandbox Code Playgroud)

有谁知道我怎么能清除这个lint错误？谢谢!

observable rxjs typescript tslint angular

14
推荐指数

1
解决办法

1万
查看次数

如何使用javascript以编程方式订阅用户到谷歌日历？

嘿,我能够使用谷歌日历的JavaScript API对用户进行身份验证和授权.我接下来要做的是将用户订阅到公共日历.我以为我可以用日历的id调用google.gdata.calendar.CalendarEntry构造函数,但这不起作用

var entry = google.gdata.calendar.CalendarEntry("idOfCalendar");

Run Code Online (Sandbox Code Playgroud)

我还尝试使用google.gdata.atom.Id("idOfCalendar")创建条目ID的实例; 并将其添加到CalendarEntry构造函数中.使用set方法也不起作用.

我使用InsertEntry方法添加条目,但我收到以下错误

错误:必须提供有效的日历ID,才能在allcalendars投影中将日历添加到收藏夹列表.

我可以使用google.gdata.calendar.CalendarEventQuery()访问此日历的事件

javascript的谷歌api没有提供很多例子,任何人都知道我的问题的答案或使用谷歌日历API的良好资源？你认为我应该使用php或jason吗？

**编辑我在Java Api 链接中找到了一个我想要的例子,所以我试过了

function addSubscriptionToCalendar() {
    var feedUri = "http://www.google.com/calendar/feeds/default/allcalendars/full";
    var calendarEntry = new google.gdata.calendar.CalendarEntry();
    calendarEntry.setId("nhl_21_%54oronto+%4daple+%4ceafs#sports@group.v.calendar.google.com");
    calendarService.insertEntry(feedUri, calendarEntry, function(){alert("calendar added")}, handleError);
}

Run Code Online (Sandbox Code Playgroud)

但我得到了同样的错误

javascript google-calendar-api subscribe

13
推荐指数

1
解决办法

2755
查看次数

$未在iFrame中定义

我有一个包含iframe的页面.我的iframe页面是iframe.php,我的主页面是main.php,当我直接加载iframe.php我的jquery代码执行正常,但是当我加载main.php(其中包含iframe.php作为iframe)时,我收到错误" $未定义".

这可能是因为main.php和iframe.php都使用了

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

Run Code Online (Sandbox Code Playgroud)

如果是这样,如何在iframe页面中使用jquery而不包括此行？

12
推荐指数

1
解决办法

1万
查看次数

jquery tablesorter ajax表只排序一个方向

我有一个表,我通过jQuery加载命令加载.在load函数的回调中,我启动了tablesorter插件.由于某种原因,该表仅对降序进行排序而不是升序.甚至更奇怪,如果我按住shift,它将在asc和desc之间正确切换？知道这里发生了什么吗？

table.php

<table id="xyz">
<thead>
    <tr>
        <th>hi</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>a</td>
    </tr>
    <tr>
        <td>b</td>
    </tr>
    <tr>
        <td>c</td>
    </tr>
</tbody>
</table>

Run Code Online (Sandbox Code Playgroud)

jQuery的

$("#myDiv").load("table.php", function() {
    $("#xyz").tablesorter();
});

Run Code Online (Sandbox Code Playgroud)

如果我不通过ajax加载表,那么tablesorter按预期运行.

sorting ajax jquery tablesorter

9
推荐指数

3
解决办法

5651
查看次数

具有两个标题行的tablesorter

我正在使用tablesorter jquery插件,我的表在标题中有两行.有没有办法在我的桌子上启用排序？它应该能够被第二个标题行排序,第一个标题行就是按日期对相关数据进行分组.如果使用此插件无法做到这一点,那么有人可能会建议解决方法吗？

这是我的表格标记的一个例子

<table>
  <thead>
    <tr>
      <th colspan="3">January</th>
      <th colspan="3">February</th>
      <th colspan="3">March</th>
    </tr>
    <tr>
      <!-- January -->
      <th>Metric 1</th>
      <th>Metric 2</th>
      <th>Metric 3</th>
      <!-- February -->
      <th>Metric 1</th>
      <th>Metric 2</th>
      <th>Metric 3</th>
      <!-- March -->
      <th>Metric 1</th>
      <th>Metric 2</th>
      <th>Metric 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <!-- January -->
      <td>Value 1</td>
      <td>Value 2</td>
      <td>Value 3</td>
      <!-- February -->
      <td>Value 1</td>
      <td>Value 2</td>
      <td>Value 3</td>
      <!-- March -->
      <td>Value 1</td>
      <td>Value 2</td>
      <td>Value 3</td>
    </tr>
    <tr>...</tr>
    <tr>...</tr>
    <!-- etc --> …

Run Code Online (Sandbox Code Playgroud)

jquery tablesorter jquery-plugins

9
推荐指数

1
解决办法

6536
查看次数

在ember app中使用jquery

我正在用ember js构建一个应用程序,我不知道如何在ember中使用jQuery.我想要实现的一个例子是一个从我的api获取销售数据的页面.

在我的app.js我有

App.TransactionsRoute = Ember.Route.extend({
    model: function() {
        return App.Transaction.find();
    }
});

Run Code Online (Sandbox Code Playgroud)

如果我将开始日期和结束日期传递给App.Transaction.find()方法,我的api将限制它在这些日期内发回的数据.

我在页面上有一个表单,其中包含开始和结束日期的输入,我想将其连接到jQuery UI的datepicker.

这就是我被困住的地方我把它放在我的ember应用程序代码的末尾

jQuery(document).ready(function() {
    jQuery("#transactionsStartDate").datepicker();      
    jQuery("#transactionsEndDate").datepicker();
});

Run Code Online (Sandbox Code Playgroud)

但它没有做任何事情,也没有抛出任何错误.

我怎样才能运行jquery？另外如何将输入的日期变量挂钩到调用App.Transaction.find({startDate: startDateVariable, endDate: endDateVariable})

谢谢你的帮助!

编辑更正jQuery正在运行但它在呈现视图之前运行.在渲染视图时,ember是否有钩子或者我可以调用的东西？

jquery jquery-ui ember.js

8
推荐指数

1
解决办法

9174
查看次数

有序列表两列流程

任何人都知道一种优选的css技术,如果它比容器的高度长,可以让ol流入两列？列表中的项目数可能会有所不同,容器的高度可能会发生变化.

当我尝试设置li时width:50%,float:left它进入两列,但是2在1旁边而不是在它下面.

我想要实现的是:

abcdef 4. abcdef
abcdef 5. abcdef
ABCDEF

html css layout html-lists two-columns

7
推荐指数

1
解决办法

1万
查看次数

mathjax + vue 不重新渲染方程

我正在构建一个 vue 应用程序，我想使用MathJax来渲染方程。我可以在安装组件时渲染方程，但我无法在稍后重新渲染方程。

我制造了一个代码沙箱示例来演示这一点。尝试更改输入中的乳胶方程，即使控制台显示观察者正在运行，也没有任何变化。

有人可以向我解释我做错了什么吗？

我通过cdn在index.html的头部添加了mathjax，配置如下

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({
    tex2jax: {
      inlineMath: [['$','$'],['\\(','\\)']],
    }
  });
</script>
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS_CHTML"></script>

Run Code Online (Sandbox Code Playgroud)

这是我的应用程序组件中的代码

<template>
  <div id="app">
    <input v-model="latex"/><br>
    <div>{{latex}}</div>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      latex: '$$\\frac{a}{b}$$'
    }
  },
  methods: {
    reRender() {
      if(window.MathJax) {
        console.log('rendering mathjax');
        window.MathJax.Hub.Queue(["Typeset", window.MathJax.Hub], () => console.log('done'));
      }
    }
  },
  mounted() {
    this.reRender();
  },
  watch: {
    latex: function() {
      console.log('data changed')
      this.reRender();
    }
  }
};
</script>

Run Code Online (Sandbox Code Playgroud)

javascript mathjax vue.js vuejs2

7
推荐指数

1
解决办法

2294
查看次数

标签统计

tablesorter ×2

ajax ×1

cors ×1

css ×1

google-calendar-api ×1

html ×1

jquery-plugins ×1

model-view-controller ×1

orm ×1

php ×1

rxjs ×1

slim ×1

two-columns ×1

«
1
2
»