草庐IT

按钮(Button)组件

全部标签

javascript - 使用ui路由器在AngularJS中的浏览器后退/前进按钮上重新加载页面

我的angularjs应用程序中有以下ui路由器状态配置。$locationProvider.html5Mode(true);$stateProvider.state('index',{url:'/index?zoom¢er',views:{'map':{controller:'MapCtrl',templateUrl:'map.html'}},reloadOnSearch:false});但是,浏览器中的后退前进按钮转到不同的url,但我需要使用url作为stateParams重新加载页面。例如:用户1转到页面http://www.example.com/index?zoom

javascript - 是否可以实现 'Continue as {Facebook user name}' 按钮?

我正在尝试为我的站点实现Facebook登录按钮。一些Facebook产品有一个很好的FB按钮,它使用已经登录的用户的Facebook用户名。还有一个问题:当用户已经在浏览器中登录时,是否可以使用Javascript获取FB名称?例子: 最佳答案 您可以在Facebook文档中找到它,登录按钮/插件配置器部分:https://developers.facebook.com/docs/facebook-login/web/login-button有一个选项:当用户登录Facebook时包括姓名和头像

javascript - 使用 browserify 异步/延迟加载 Vue 组件

我试图在laravel项目中将许多Vue.js组件加载到我的app.js文件中(通过elixir使用browserify/vueify)。我不想一次加载每个组件,而是想在需要时使用vuerouter延迟加载各个vue组件。.我在哪里设置partitionbundlejson文件,它应该如何构建?目前,我将以下内容绑定(bind)到我的主要app.js文件中:importVuefrom'vue';importResourcefrom'vue-resource';importVueRouterfrom'vue-router';//ThesearethecomponentsthatIwish

javascript - 使用 react-router v4、Jest 和 Enzyme 测试组件

我有一个使用react-router的简单组件(我知道这是alpha版本):{props.app&&props.app.health&&}建议在中包装的文档在测试时为组件提供上下文。但是,使用Jest/Enzyme我无法shallow()渲染-我必须使用enzyme的mount()或render(),这会导致问题,因为HomeLogin是一个连接的组件-我希望能够测试我的组件是否呈现正确的内容,但不测试其中呈现的组件。我的测试:it('Rendersbaseduponmatchedroute',()=>{letprops={app:{health:true},};constcompon

javascript - Webpack:将 Web 组件预呈现为 HTML 片段?

tl;dr:我可以创建一个完全呈现的HTML片段以包含到服务器端(Twig)模板中吗?基本上,我需要转换Webpackentrypoints到呈现的HTML中。链接的CSS和JS文件是可以的,如果它们不是基本功能所必需的。理想情况下,这将支持Vue.js组件,并与VueCLI集成。因此,我有一个PHP代码库,其中包含大量呈现在服务器端的Twig模板。我正在逐渐用Vue.js替换和添加功能;目前这意味着通过Webpack入口点导出谨慎的静态JS模块。这在大多数情况下效果很好。现在我想重新创建网站的标题。通常,客户端在加载我的静态模块之一时会显示一个简短的闪光;这对于header来说是No

asp.net - 单击后退按钮强制刷新页面

我有2个asp.net页面..页面A和页面B。单击页面A上的链接时,用户将被重定向到页面B。当在页面B上时,如果用户单击浏览器的后退按钮,我需要强制调用页面A的页面刷新。我如何实现此功能?注意:代码需要在不同的浏览器之间兼容...即IE、firefox、opera等 最佳答案 有一些按钮属性,比如Autopostback,你可以试试看是否有帮助! 关于asp.net-单击后退按钮强制刷新页面,我们在StackOverflow上找到一个类似的问题: https:

javascript - 使用 Vue.js 访问子组件中的 api 数据

我正在开发一个大型应用程序,在处理来self的API的数据并将其传递到我的子组件时遇到了很多麻烦。情况。我从父组件调用我的API,并通过prop将数据传递到我的子组件。子组件可以很好地显示数据,但我无法在子组件的就绪函数中访问数据。看看:https://jsfiddle.net/kmrfkynf/3/正如您在控制台中看到的那样,在子组件就绪函数中显示数据会给我一个空对象...ready:function(){console.log('itemsfromchildcomponent',this.items);}...但是子组件在我的重复中很好地渲染了对象。所以问题是子组件在父组件的API

javascript - ReactJS 和 Google MDL 按钮 onClick 不工作

我有一些像下面这样的JS。我发现如果我删除mdl-js-layout按钮的onClick会起作用。否则失败。为什么会这样?我已经做了componentHandler.upgradeDom()'usestrict';module.exports=React.createClass({componentDidMount:function(){console.log('update')componentHandler.upgradeDom();},addExpense:function(){console.log('addexpense');},render:function(){retur

javascript - 访问要在 React Native Text 组件中显示的对象数组

我无法访问我的JSON数据中的对象数组以显示在ReactNativeText组件中。JSON数据{"name":"PizzaJoint","when":[{"day":["Sat","Sun"],"start_time":"11:00","end_time":"23:00"}]}代码{venue.name}{venue.when[0].start_time}这会引发错误Undefinedisnotanobject(evaluating'venue.when')我不明白,因为console.log(typeofvenue.when)返回object。如何在此处访问when对象属性?附加说

javascript - React Redux,在获取数据并将其映射到组件后重新渲染?

您好,我在获取数据并作为this.props.data传递给子组件时遇到问题并在数据更改时重新渲染。它只在第一次提交表单和获取数据时起作用,但不会再次起作用。自render()以来,新数据不可用。函数调用{this.renderMap(this.props.data)}之前{this.renderData()},它获取并返回并映射数据。我尝试切换它们,但看起来render()函数在调用{this.renderMap(this.props.data)}之前没有等到数据被获取.我是否应该以不同的方式将数据传递给GoogleMap组件,以允许它在呈现之前重新加载新数据?我的渲染数据();工作