小编GY2*_*Y22的帖子

我正在使用角度和角度材料(材料设计)依赖.

我有这个主网格,当我点击它时,将创建一个瓷砖,当我点击该瓷砖时会出现一个弹出窗口.弹出窗口是一个带有2个输入字段的表单,它应该显示图块的x和y坐标.这些值不会显示在输入字段中,但会在我的控制台中显示.

我想要实现的是能够将这些坐标保存到我的数据库中.出于某种原因,当我点击保存时,它不会保存到我的数据库中.

这是弹出框的代码:

<form ng-controller="AppCtrl">

          <div layout="row">
              <input type="text" id="coord_x" name="coordinate_x" value="" ng-model="task_coordinate_x" >
              <input type="text" id="coord_y" name="coordinate_y" value="" ng-model="task_coordinate_y">
          </div>
</form>

我的代码app.js:

app.controller('AppCtrl', function($scope, $mdDialog, $http) {  
$scope.save_task = function() {
            $http.post('db.php?action=add_task', 
                {
                    'task_coordinate_x'          : $scope.task_coordinate_x,
                    'task_coordinate_y'          : $scope.task_coordinate_y
                }
            )

            .success(function (data, status, headers, config) {
                //$scope.get_task(); //this will fetch latest record from DB
console.log("The task has been added successfully to the DB");
                console.log(data);
            })
            .error(function(data, status, headers, config) {
                console.log("Failed to add the task …

我正在使用一个Ionic应用程序来实现本机Facebook登录(遵循本教程 - > https://ionicthemes.com/tutorials/about/native-facebook-login-with-ionic-framework).正如您所看到的,Facebook数据现在存储在本地存储中.我需要将这些数据保存在MySql数据库中.

我没有遇到任何问题.现在我想将Facebook用户数据存储到我的MySql数据库中.

基本上我不知道在哪里放置我的http请求将数据传递到我的数据库或者甚至如何编码.

我应该提一下,我已经设置了一个后端(用bootstrap,html,css,js php和mysql编码).

所以我的用户的网址是:http://www.xxxxx.com/user.php

我控制器代码的一部分:

app.controller('LoginCtrl', function($scope, $state, $q, UserService, $ionicLoading) {
  // This is the success callback from the login method
  var fbLoginSuccess = function(response) {
    if (!response.authResponse){
      fbLoginError("Cannot find the authResponse");
      return;
    }

    var authResponse = response.authResponse;

    getFacebookProfileInfo(authResponse)
    .then(function(profileInfo) {
      // For the purpose of this example I will store user data on local storage
      UserService.setUser({
        authResponse: authResponse,
                userID: profileInfo.id,
                name: profileInfo.name,
                email: profileInfo.email,
        picture : "http://graph.facebook.com/" + authResponse.userID …

是否想知道是否有可能将Heract Native应用程序部署到Heroku？我问的原因是因为我可以检索网址并将其放在iframe中以模仿iPhone,然后用户可以试用该应用,而无需通过iTunes将其安装到iPhone上.

所以建立在前一个问题上(Http请求在服务中成功但无法在视图中显示).我需要深入了解我的http请求,为选定的电影进行api调用,如下所示:

http.get('https://api.themoviedb.org/3/movie/'+ movieId + '?api_key=XXX')

我的服务的完整代码:

angular.module('starter.services', [])

.service('HotMoviesService', function($http, $q){
    var movieId;
    var final_url = "https://api.themoviedb.org/3/movie/popular?api_key=XXX";

    var self = {
        'hotMovies' : [],
        'singleHotMovie' : [],
        'loadHotMovies' : function() {
            var d = $q.defer();
            $http.get(final_url)
            .success(function success (data){
                //console.log(data);
                self.hotMovies = data.results;

                for(var i = 0; i < self.hotMovies.length; i++){
                    //console.log(self.hotMovies[i].id);
                    movieId = self.hotMovies[i].id;
                    //console.log("Logging movie id: ", movieId);

                    $http.get('https://api.themoviedb.org/3/movie/'+ movieId + '?api_key=XXXXX')
                    .success(function succcess(response){
                        //console.log("Logging response in the for loop " , response);
                        self.singleHotMovie = response; …

我正在开发一个Ionic应用程序,我已经实现了一个带有3张幻灯片,一些文本和<a href="...">标签的入门屏幕,可直接进入开始屏幕.

现在我注意到,当我点击<a href="...">标签时,我被重定向到正确的视图,但顶部的导航栏有一个后退按钮,其中应该有一个汉堡包菜单图标.

不确定我是否正确实施路由系统.使用路由并尊重分层视图的原因是什么？

Html代码(登机):

<ion-view view-title="WNRS" hide-nav-bar="true">
  <ion-content scroll="false" has-header="true" class="has-header">
      <ion-slide-box on-slide-changed="slideChanged(index)">
          <ion-slide>
            <h4  class="padding">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque semper, sapien ac hendrerit porttitor, ipsum ante ultrices ipsum, eu congue arcu libero id enim.</h4>
            <br><br>
            <a ui-sref="app.base1"><h2>Play</h2></a>
          </ion-slide>
          <ion-slide>
            <h4 class="padding">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque semper, sapien ac hendrerit porttitor, ipsum ante ultrices ipsum, eu congue arcu libero id enim.</h4>
            <br><br>
            <a ui-sref="app.base1"><h2>Play</h2></a>
          </ion-slide>
          <ion-slide> …

我正在做一个项目,我使用了很多md对话框.我想知道如何禁用背景.我看看检查元素(Chrome),但似乎无法找到任何样式来禁用....

有人有想法吗？

因此，我试图使我的内容区域可滚动，这是有效的，但这样做时页面的背景颜色当然不会一直延伸。我已经尝试了几件事，但似乎无法让它一直延伸

所以结构是这样的 App.vue (router view 所在的位置) -> Manage job view (header 组件所在的位置和 job 组件) -> job 组件

这是我的一些代码作为参考。我希望有人能帮助我。我认为它没有扩展（来自作业组件的代码），因为其他组件/视图构建在作业之上，也定义了可能导致问题的CSS（Flex等），但我不是100%确定

应用程序.vue

<template>
  <div class="h-screen flex">
    <div class="flex flex-col flex-1">
        <router-view></router-view>
    </div>
</div>

管理作业视图

<template>
<div class="mx-aut h-full bg-mediumDarkGrey">
    <DashboardHeaderAdminComponent></DashboardHeaderAdminComponent>    
    <!-- content area -->
    <div class="container w-full mx-auto pt-20 h-screen">
        <div class="w-full px-4 md:px-0 md:mt-40 mb-16 text-gray-800 leading-normal">
            <!-- start actual content -->
            <!-- page title -->
            <div>
                <h1 class="text-pumpkin uppercase text-2xl mb-6 w-full border-b-4 pb-6 border-pumpkin">Manage Jobs</h1>
            </div>
            <!-- sub nav --> …

我试图在侧边菜单中放置从Facebook检索到的个人资料图片,如下所示:

但我没有太多运气.

我的侧边菜单代码:

<ion-side-menus enable-menu-with-back-views="false">

  <ion-side-menu-content>
    <ion-nav-bar class="bar-dark custom-header">
      <ion-nav-back-button>
      </ion-nav-back-button>

      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
        </button>
      </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view name="menuContent"></ion-nav-view>
  </ion-side-menu-content>

  <ion-side-menu side="left">
    <ion-header-bar class="bar-positive custom-header">
    </ion-header-bar>
    <ion-content class="custom-sidemenu">
      <ion-list>
        <ion-item class="custom-item-nav" menu-close href="#/app/home">
          Home
        </ion-item>
        <ion-item class="custom-item-nav"  menu-close href="#/app/recepten">
          Recepten
        </ion-item>
        <ion-item class="custom-item-nav"  menu-close href="#/app/perfect-gin">
          The Perfect Gin Tonic Mix
        </ion-item>
        <ion-item class="custom-item-nav"  menu-close href="#/app/favorieten">
          Favorieten
        </ion-item>
        <ion-item class="custom-item-nav"  menu-close href="#/app/contact">
          Contacteer ons
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>

</ion-side-menus>

我想我不知道在哪里放置我的div与图像.

我的代码:

<div class="profile_frame_container">
        <img class="profile_frame" src="/img/profile_frame.png" …

一些背景信息：我正在使用 node.js、express 框架、mongo 和passport-twitter

我能够成功登录 Twitter 并将信息（如 id、用户名、个人资料图片）存储到 db (mongo)。我可以使用 ejs 将它传递给我的视图，但它显示的图像很小。

我在 Twitter 开发者页面上读到，您可以传递图片的替代尺寸

我的问题是如何使用passport.js 语法来做到这一点，这是我将图像保存到我的数据库的代码：

 newUser.twitter.profilePic  = profile.photos[0].value;

输出如下：http : //pbs.twimg.com/profile_images/568828382079483905/FuEj1pBH_normal.png

我试过这段代码：

newUser.twitter.profilePic  = profile._json.profile_image_url.replace('_original','');

但它仍然将图像保存到我的数据库中，如下所示 -> http://pbs.twimg.com/profile_images/568828382079483905/FuEj1pBH_normal.png

所以基本上我要问的是如何使推特图片更大。如何使用护照语法传递正确的尺寸

在此先感谢您的帮助

所以本周我开始了我的第一个宠物项目，以亲身体验 RN 的学习经验。到目前为止，我认为很好。但是现在我遇到了一些障碍，所以我希望有人能帮助我。所以我有一个图像视图（来自 api）。我可以将图像放在网格视图中，如下所示：

但是一旦我将此视图放入 Flatlist 中，整个布局就会变得一团糟。看起来像这样：

我尝试过使用 flex 但无济于事。任何帮助将非常感激

代码可以在这里找到：更新：https ://gist.github.com/anonymous/c565d8f9d7dfa65646b7a3a81bf6330f